From 6d4c5de0257c033fcf6caf4f75065b48a29c51ad Mon Sep 17 00:00:00 2001
From: Jez Cope <j.cope@erambler.co.uk>
Date: Tue, 30 Mar 2021 12:04:04 +0100
Subject: [PATCH] Get SCSS compilation working

---
 assets/style/_variables.scss | 3 +++
 assets/style/main.scss       | 9 +++++++++
 layouts/_default/baseof.html | 3 ++-
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 assets/style/_variables.scss
 create mode 100644 assets/style/main.scss

diff --git a/assets/style/_variables.scss b/assets/style/_variables.scss
new file mode 100644
index 0000000..8d54032
--- /dev/null
+++ b/assets/style/_variables.scss
@@ -0,0 +1,3 @@
+$main-font-family: 'Iosevka Etoile', sans-serif;
+
+$header-font-family: 'Iosevka Aile', sans-serif;
diff --git a/assets/style/main.scss b/assets/style/main.scss
new file mode 100644
index 0000000..7dd8901
--- /dev/null
+++ b/assets/style/main.scss
@@ -0,0 +1,9 @@
+@import '_variables.scss';
+
+html {
+    font-family: $main-font-family;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: $header-font-family;
+}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 33e5cda..77ab4e7 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -7,7 +7,8 @@
 	<title>{{ .Title }}</title>
 	{{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
 	{{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
-	<link rel="stylesheet" href="{{ "css/style.css" | relURL }}">
+	{{ $style := resources.Get "style/main.scss" | resources.ToCSS }}
+	<link rel="stylesheet" href="{{ $style.Permalink }}">
 	{{ with .OutputFormats.Get "RSS" -}}
 		{{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
 	{{- end }}