diff options
author | Valentin Popov <valentin@popov.link> | 2024-02-14 14:19:17 +0300 |
---|---|---|
committer | Valentin Popov <valentin@popov.link> | 2024-02-14 14:19:17 +0300 |
commit | 399aeaeee8c0eec5f9bd4638ef6bc5eb3e1552ff (patch) | |
tree | 85c6cb507ba8dcd9789f3b46530f348299d13ab8 /_includes | |
parent | 631ca196c9bbc7fc3eeef4cce6bd9a6463ef74d1 (diff) | |
download | popov.link-399aeaeee8c0eec5f9bd4638ef6bc5eb3e1552ff.tar.xz popov.link-399aeaeee8c0eec5f9bd4638ef6bc5eb3e1552ff.zip |
Integrating styles into an HTML file
Diffstat (limited to '_includes')
-rw-r--r-- | _includes/head.html | 6 | ||||
-rw-r--r-- | _includes/styles.html | 5 | ||||
-rw-r--r-- | _includes/styles.scss | 5 |
3 files changed, 13 insertions, 3 deletions
diff --git a/_includes/head.html b/_includes/head.html index a526f66..a1b17f8 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -9,15 +9,15 @@ <meta content="{{- page.description | default: site.description | strip | normalize_whitespace | xml_escape -}}" name="description" /> <title>{{- page.title | default: site.title | strip | normalize_whitespace | xml_escape -}}</title> - <!-- CSS --> - <link href="{{- '/assets/css/styles.css' | relative_url | url_escape -}}" rel="stylesheet" /> - <!-- RSS --> <link href="{{- site.rss | absolute_url | url_escape -}}" rel="alternate" title="RSS" type="application/atom+xml" /> <!-- Canonical URL --> <link href="{{- page.url | absolute_url | url_escape -}}" rel="canonical" /> + <!-- CSS --> + {%- include styles.html -%} + <!--[if lte IE 9]> <script type="text/javascript" src="{{- '/assets/javascript/html5shiv-3.7.3.min.js' | relative_url | url_escape -}}"></script> <script type="text/javascript" src="{{- '/assets/javascript/respond-1.4.2.min.js' | relative_url | url_escape -}}"></script> diff --git a/_includes/styles.html b/_includes/styles.html new file mode 100644 index 0000000..6e2d31e --- /dev/null +++ b/_includes/styles.html @@ -0,0 +1,5 @@ +{%- capture styles -%} +{%- include styles.scss -%} +{%- endcapture -%} + +<style>{{- styles | scssify -}}</style>
\ No newline at end of file diff --git a/_includes/styles.scss b/_includes/styles.scss new file mode 100644 index 0000000..073428f --- /dev/null +++ b/_includes/styles.scss @@ -0,0 +1,5 @@ +@import "reset"; +@import "variables"; +@import "framework"; +@import "navbar"; +@import "print";
\ No newline at end of file |