Integrating styles into an HTML file

This commit is contained in:
Valentin Popov 2024-02-14 15:19:17 +04:00
parent 631ca196c9
commit 399aeaeee8
Signed by: Valentin Popov
GPG Key ID: AE3CE523DAAA8401
3 changed files with 8 additions and 6 deletions

View File

@ -9,15 +9,15 @@
<meta content="{{- page.description | default: site.description | strip | normalize_whitespace | xml_escape -}}" name="description" /> <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> <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 --> <!-- RSS -->
<link href="{{- site.rss | absolute_url | url_escape -}}" rel="alternate" title="RSS" type="application/atom+xml" /> <link href="{{- site.rss | absolute_url | url_escape -}}" rel="alternate" title="RSS" type="application/atom+xml" />
<!-- Canonical URL --> <!-- Canonical URL -->
<link href="{{- page.url | absolute_url | url_escape -}}" rel="canonical" /> <link href="{{- page.url | absolute_url | url_escape -}}" rel="canonical" />
<!-- CSS -->
{%- include styles.html -%}
<!--[if lte IE 9]> <!--[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/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> <script type="text/javascript" src="{{- '/assets/javascript/respond-1.4.2.min.js' | relative_url | url_escape -}}"></script>

5
_includes/styles.html Normal file
View File

@ -0,0 +1,5 @@
{%- capture styles -%}
{%- include styles.scss -%}
{%- endcapture -%}
<style>{{- styles | scssify -}}</style>

View File

@ -1,6 +1,3 @@
---
---
@import "reset"; @import "reset";
@import "variables"; @import "variables";
@import "framework"; @import "framework";