From 9de9c85ce46485cb19c0b9c5f4a03316b41f6050 Mon Sep 17 00:00:00 2001 From: Michael Hunteman Date: Thu, 23 Mar 2023 11:14:28 -0500 Subject: list.html: change format --- assets/main.scss | 60 ++++++++++++++++++++++++++++++++++++++++++++++ layouts/_default/list.html | 11 ++++++++- layouts/partials/head.html | 5 ++-- static/style.css | 56 ------------------------------------------- 4 files changed, 73 insertions(+), 59 deletions(-) create mode 100644 assets/main.scss delete mode 100644 static/style.css diff --git a/assets/main.scss b/assets/main.scss new file mode 100644 index 0000000..d774bee --- /dev/null +++ b/assets/main.scss @@ -0,0 +1,60 @@ +body { + color: #212529; + background: #fff; + font-family: sans-serif; + max-width: 960px; + margin: 0 auto; + padding: 0 1rem; +} + +a { + color: #007bff; + text-decoration: none; +} + +a:hover { + color: #0056b3; + text-decoration: underline; +} + +ul.links { + list-style-type: none; + display: flex; + align-items: stretch; + justify-content: space-evenly; +} + +hr { + color: #fff; +} + +header { + text-align: center; +} + +article { + max-width: 720px; + margin: 0 auto; +} + +footer { + text-align: center; + margin-bottom: 1rem; +} + +.post h3 { + margin-bottom: 0; +} + +@media (prefers-color-scheme: dark) { + body { + background: #212529; + color: #f8f9fa; + } + a { + color: #3395ff; + } + hr { + color: #212529; + } +} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 03d3faf..4bc7238 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -4,7 +4,16 @@
diff --git a/layouts/partials/head.html b/layouts/partials/head.html index c862011..64416c8 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -2,7 +2,8 @@ - - + {{ .Title }} + {{ $style := resources.Get "main.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }} + diff --git a/static/style.css b/static/style.css deleted file mode 100644 index 158f16d..0000000 --- a/static/style.css +++ /dev/null @@ -1,56 +0,0 @@ -body { - color: #212529; - background: #fff; - font-family: sans-serif; - max-width: 960px; - margin: 0 auto; - padding: 0 1rem; -} - -a { - color: #007bff; - text-decoration: none; -} - -a:hover { - color: #0056b3; - text-decoration: underline; -} - -ul.links { - list-style-type: none; - display: flex; - align-items: stretch; - justify-content: space-evenly; -} - -hr { - color: #fff; -} - -header { - text-align: center; -} - -article { - max-width: 720px; - margin: 0 auto; -} - -footer { - text-align: center; - margin-bottom: 1rem; -} - -@media (prefers-color-scheme: dark) { - body { - background: #212529; - color: #f8f9fa; - } - a { - color: #3395ff; - } - hr { - color: #212529; - } -} -- cgit v1.2.3