Updates hugo build process to use embedded dart sass, no longer need to watch multiple compile processes

docs/assets/css/docs.css

@@ -1500,7 +1500,7 @@ object details .tags a.card::before {
   transform: rotate(-20deg) translateY(-3px) translateX(6px);
 }
 object details .tags a.card:hover::before {
-  transform: rotate(-30deg) translateY(-3px) translateX(6px) scale(1.04);
+  transform: rotate(-30deg) translateY(-3px) translateX(6px) scale(1.05);
 }
 object.active {
   visibility: visible;

docs/index.html

@@ -9,7 +9,11 @@
     <meta name="color-scheme" content="light dark">
     <meta name="generator" content="Hand crafted">
     <script type="text/javascript" src='/assets/js/first.js'></script>
-    <link rel="stylesheet" type="text/css" href='/assets/css/docs.css'>
+    
+    
+    
+    
+    <link rel="stylesheet" type="text/css" href='scss/docs.scss'>
     <link rel="stylesheet" type="text/css" href='/assets/css/keyrune.css'>
     <script type="text/javascript" src='/assets/js/zepto.js'></script>
     <script type="text/javascript" src='/assets/js/zepto.fx.js'></script>

docs/sets/index.html

@@ -9,7 +9,11 @@
     <meta name="color-scheme" content="light dark">
     <meta name="generator" content="Hand crafted">
     <script type="text/javascript" src='/assets/js/first.js'></script>
-    <link rel="stylesheet" type="text/css" href='/assets/css/docs.css'>
+    
+    
+    
+    
+    <link rel="stylesheet" type="text/css" href='scss/docs.scss'>
     <link rel="stylesheet" type="text/css" href='/assets/css/keyrune.css'>
     <script type="text/javascript" src='/assets/js/zepto.js'></script>
     <script type="text/javascript" src='/assets/js/zepto.fx.js'></script>
@@ -708,22 +712,6 @@
                         <i class="ss ss-rarity-common ss-chr ss-fw"></i>
                         <span class="icon-code">chr</span>
                         <span class="icon-name">Chronicles</span>
-                    </figure><figure
-                        class="grid-span-1 checkerboard"
-                        data-code="rin"
-                        data-name="Rinascimento"
-                        data-tags="[&#34;renaissance&#34;,&#34;rinascimento&#34;,&#34;italian&#34;,&#34;custom&#34;]"
-                        data-order="3"
-                        data-group="Reprints"
-                        data-rarity="e042"
-                        data-border="e043"
-                        data-inner="false"
-                        data-version="4.0.0"
-                        data-aliases="false"
-                    >
-                        <i class="ss ss-rarity-common ss-rin ss-fw"></i>
-                        <span class="icon-code">rin</span>
-                        <span class="icon-name">Rinascimento</span>
                     </figure><figure
                         class="grid-span-1 checkerboard"
                         data-code="ren"
@@ -740,6 +728,22 @@
                         <i class="ss ss-rarity-common ss-ren ss-fw"></i>
                         <span class="icon-code">ren</span>
                         <span class="icon-name">Renaissance</span>
+                    </figure><figure
+                        class="grid-span-1 checkerboard"
+                        data-code="rin"
+                        data-name="Rinascimento"
+                        data-tags="[&#34;renaissance&#34;,&#34;rinascimento&#34;,&#34;italian&#34;,&#34;custom&#34;]"
+                        data-order="3"
+                        data-group="Reprints"
+                        data-rarity="e042"
+                        data-border="e043"
+                        data-inner="false"
+                        data-version="4.0.0"
+                        data-aliases="false"
+                    >
+                        <i class="ss ss-rarity-common ss-rin ss-fw"></i>
+                        <span class="icon-code">rin</span>
+                        <span class="icon-name">Rinascimento</span>
                     </figure></div>
             </div>
         </div><div class="set-group" data-id="4" data-count="0 ">

docs/src/assets/scss/_sets.scss

@@ -584,7 +584,7 @@ object {
                     }
 
                     &:hover::before {
-                        transform: rotate(-30deg) translateY(-3px) translateX(6px) scale(1.04);
+                        transform: rotate(-30deg) translateY(-3px) translateX(6px) scale(1.05);
                     }
                 }
             }

docs/src/layouts/_default/baseof.html

@@ -9,7 +9,11 @@
     <meta name="color-scheme" content="light dark">
     <meta name="generator" content="Hand crafted">
     <script type="text/javascript" src='{{ "assets/js/first.js" | relURL }}'></script>
-    <link rel="stylesheet" type="text/css" href='{{ "assets/css/docs.css" | relURL }}'>
+    <!--<link rel="stylesheet" type="text/css" href='{{ "assets/css/docs.css" | relURL }}'>-->
+    {{ $options := (dict "targetPath" "static/assets/css/docs.css" "transpiler" "dartsass") }}
+    {{ $sass := resources.Get "scss/docs.scss" }}
+    {{ $style := $sass | resources.ToCSS $options }}
+    <link rel="stylesheet" type="text/css" href='{{ $style }}'>
     <link rel="stylesheet" type="text/css" href='{{ "assets/css/keyrune.css" | relURL }}'>
     <script type="text/javascript" src='{{ "assets/js/zepto.js" | relURL }}'></script>
     <script type="text/javascript" src='{{ "assets/js/zepto.fx.js" | relURL }}'></script>

docs/src/static/assets/css/docs.css

@@ -1500,7 +1500,7 @@ object details .tags a.card::before {
   transform: rotate(-20deg) translateY(-3px) translateX(6px);
 }
 object details .tags a.card:hover::before {
-  transform: rotate(-30deg) translateY(-3px) translateX(6px) scale(1.04);
+  transform: rotate(-30deg) translateY(-3px) translateX(6px) scale(1.05);
 }
 object.active {
   visibility: visible;

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "keyrune4",
+  "version": "4.0.0",
+  "author": "Andrew Gioia",
+  "description": "Magic: the Gathering icon font",
+  "license": "(OFL-1.1 AND GPL-3.0-only)",
+  "homepage": "https://keyrune.andrewgioia.com",
+  "main": "dist/css/keyrune.css",
+  "directories": {
+    "doc": "docs"
+  },
+  "scripts": {
+    "build": ""
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/andrewgioia/keyrune.git"
+  },
+  "bugs": {
+    "url": "https://github.com/andrewgioia/keyrune/issues",
+    "email": "andrew@gioia.email"
+  },
+}