Use Hugo's built in SASS support for CSS.

minify.sh

@@ -2,22 +2,8 @@
 
 set -uxeo pipefail
 
-# Compress all the CSS files together
-cat /tmp/site/res/css/*.css > "/tmp/css-concatted.css"
-yui-compressor "/tmp/css-concatted.css" > "/tmp/css-combined.css"
-
-# Generate a small hash to bust caches if the file changes
-HASH=`sha256sum /tmp/css-combined.css | cut -c -10`
-
-# Replace the old CSS with the new
-mv "/tmp/css-combined.css" "/tmp/site/res/stylesheet-$HASH.css"
-rm -rf "/tmp/site/res/css"
-
-# Replace the references in the HTML, then run tidy over it
+# Run tidy over all HTML 
 for file in $(find /tmp/site/ -name '*.html'); do
-	sed -i "s#\"/res/css/style.css\"#\"/res/stylesheet-$HASH.css\"#g" "$file"
-	sed -i '\#"/res/css/.*.css"#d' "$file"
-
 	# Tidy exits if there are warnings, which there probably will be...
 	tidy -q -i -w 120 -m --vertical-space yes --drop-empty-elements no "$file" || true
 done
@@ -25,4 +11,4 @@ done
 # Convert all images to WebP
 for file in $(find /tmp/site -name '*.jpg' -o -name '*.png' -o -name '*.jpeg'); do
 	cwebp -m 6 -mt -o "$file.webp" -- "$file"
-done
+done

site/assets/style.sass

@@ -0,0 +1,4 @@
+@import style/font-awesome
+@import style/font-awesome.min
+@import style/monokai
+@import style/legacy

site/static/res/css/style.css → site/assets/style/legacy.css

@@ -1639,7 +1639,6 @@ figcaption {
     color: #565656;
     font-weight: 800;
     font-family: "League Spartan", sans-serif;
-    .text-transform: uppercase;
     line-height: 1em;
     margin: 0 0 1em 0;
   }
@@ -1862,11 +1861,6 @@ figcaption {
     line-height: 1.3em;
   }
 
-  #posts ul li a {
-    .color: #ccc;
-  }
-
-
 /* Form */
 
   form {

site/config.yaml

@@ -1,7 +1,8 @@
 baseurl: https://www.chameth.com
+assetDir: assets
 disablePathToLower: true
 languageCode: en-gb
 title: Chameth.com
 disableKinds: ["taxonomy", "taxonomyTerm"]
 
-pygmentsuseclasses: true
+pygmentsUseClasses: true

site/layouts/partials/head.html

@@ -16,10 +16,8 @@
     </title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="/res/css/style.css">
-    <link rel="stylesheet" href="/res/css/monokai.css">
-    <link rel="stylesheet" href="/res/css/font-awesome.min.css">
-    <link rel="stylesheet" href="/res/css/lightbox.min.css">
+    {{ $style := resources.Get "style.sass" | toCSS (dict "outputStyle" "compressed") | fingerprint }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}">
     <link rel="canonical" href="{{ .Permalink }}" />
     {{ with .Site.GetPage "home" }}
       {{ with .OutputFormats.Get "RSS" }}