aboutsummaryrefslogtreecommitdiff
path: root/_includes
diff options
context:
space:
mode:
authorValentin Popov <valentin@popov.link>2024-02-14 14:19:17 +0300
committerValentin Popov <valentin@popov.link>2024-02-14 14:19:17 +0300
commit399aeaeee8c0eec5f9bd4638ef6bc5eb3e1552ff (patch)
tree85c6cb507ba8dcd9789f3b46530f348299d13ab8 /_includes
parent631ca196c9bbc7fc3eeef4cce6bd9a6463ef74d1 (diff)
downloadpopov.link-399aeaeee8c0eec5f9bd4638ef6bc5eb3e1552ff.tar.xz
popov.link-399aeaeee8c0eec5f9bd4638ef6bc5eb3e1552ff.zip
Integrating styles into an HTML file
Diffstat (limited to '_includes')
-rw-r--r--_includes/head.html6
-rw-r--r--_includes/styles.html5
-rw-r--r--_includes/styles.scss5
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