From 449d650b75b3a3e38c4ecfa1a71dada1f72136d6 Mon Sep 17 00:00:00 2001
From: Devin Haska <wonderfulfrog@users.noreply.github.com>
Date: Wed, 21 Feb 2024 14:51:16 -0800
Subject: [PATCH] feat: move css to own directory

---
 eleventy.config.js                                          | 2 +-
 src/_layouts/base.html                                      | 2 +-
 src/{assets => }/css/blocks/archive.css                     | 0
 src/{assets => }/css/blocks/catalogue.css                   | 0
 src/{assets => }/css/blocks/categories.css                  | 0
 src/{assets => }/css/blocks/date.css                        | 0
 src/{assets => }/css/blocks/pill.css                        | 0
 src/{assets => }/css/blocks/prism.css                       | 0
 src/{assets => }/css/blocks/site-footer.css                 | 0
 src/{assets => }/css/blocks/site-logo.css                   | 0
 src/{assets => }/css/blocks/site-nav.css                    | 0
 src/{assets/css/utils => css/compositions}/flex.css         | 0
 src/{assets/css/utils => css/compositions}/list.css         | 0
 src/{assets => }/css/global.css                             | 3 ++-
 src/{assets => }/css/global/global-styles.css               | 0
 src/{assets => }/css/global/reset.css                       | 0
 src/{assets => }/css/global/variables.css                   | 0
 src/{assets => }/css/styles.11ty.js                         | 2 +-
 src/{assets/css/utils => css/utilities}/flow.css            | 0
 src/{assets/css/utils => css/utilities}/visually-hidden.css | 0
 src/{assets/css/utils => css/utilities}/wrapper.css         | 0
 21 files changed, 5 insertions(+), 4 deletions(-)
 rename src/{assets => }/css/blocks/archive.css (100%)
 rename src/{assets => }/css/blocks/catalogue.css (100%)
 rename src/{assets => }/css/blocks/categories.css (100%)
 rename src/{assets => }/css/blocks/date.css (100%)
 rename src/{assets => }/css/blocks/pill.css (100%)
 rename src/{assets => }/css/blocks/prism.css (100%)
 rename src/{assets => }/css/blocks/site-footer.css (100%)
 rename src/{assets => }/css/blocks/site-logo.css (100%)
 rename src/{assets => }/css/blocks/site-nav.css (100%)
 rename src/{assets/css/utils => css/compositions}/flex.css (100%)
 rename src/{assets/css/utils => css/compositions}/list.css (100%)
 rename src/{assets => }/css/global.css (65%)
 rename src/{assets => }/css/global/global-styles.css (100%)
 rename src/{assets => }/css/global/reset.css (100%)
 rename src/{assets => }/css/global/variables.css (100%)
 rename src/{assets => }/css/styles.11ty.js (95%)
 rename src/{assets/css/utils => css/utilities}/flow.css (100%)
 rename src/{assets/css/utils => css/utilities}/visually-hidden.css (100%)
 rename src/{assets/css/utils => css/utilities}/wrapper.css (100%)

diff --git a/eleventy.config.js b/eleventy.config.js
index ff6fd8e..11087fa 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -22,7 +22,7 @@ const imageShortcode = require("./config/shortcodes/image.js");
 const liteYoutube = require("./config/shortcodes/youtube.js");
 
 module.exports = (eleventyConfig) => {
-  eleventyConfig.addWatchTarget("./src/assets");
+  eleventyConfig.addWatchTarget("./src/css");
 
   // 	--------------------- Plugins ---------------------
   eleventyConfig.addPlugin(pluginRss);
diff --git a/src/_layouts/base.html b/src/_layouts/base.html
index 3b0832b..da6eab5 100644
--- a/src/_layouts/base.html
+++ b/src/_layouts/base.html
@@ -9,7 +9,7 @@
             {% if title %}{{ title }} •{% endif %}
             {{ meta.siteName }}
         </title>
-        <link rel="stylesheet" href="/assets/css/styles.css" />
+        <link rel="stylesheet" href="/css/styles.css" />
         {% include "partials/meta.html" %}
         {% for preload in preloads %}
             <link rel="preload"
diff --git a/src/assets/css/blocks/archive.css b/src/css/blocks/archive.css
similarity index 100%
rename from src/assets/css/blocks/archive.css
rename to src/css/blocks/archive.css
diff --git a/src/assets/css/blocks/catalogue.css b/src/css/blocks/catalogue.css
similarity index 100%
rename from src/assets/css/blocks/catalogue.css
rename to src/css/blocks/catalogue.css
diff --git a/src/assets/css/blocks/categories.css b/src/css/blocks/categories.css
similarity index 100%
rename from src/assets/css/blocks/categories.css
rename to src/css/blocks/categories.css
diff --git a/src/assets/css/blocks/date.css b/src/css/blocks/date.css
similarity index 100%
rename from src/assets/css/blocks/date.css
rename to src/css/blocks/date.css
diff --git a/src/assets/css/blocks/pill.css b/src/css/blocks/pill.css
similarity index 100%
rename from src/assets/css/blocks/pill.css
rename to src/css/blocks/pill.css
diff --git a/src/assets/css/blocks/prism.css b/src/css/blocks/prism.css
similarity index 100%
rename from src/assets/css/blocks/prism.css
rename to src/css/blocks/prism.css
diff --git a/src/assets/css/blocks/site-footer.css b/src/css/blocks/site-footer.css
similarity index 100%
rename from src/assets/css/blocks/site-footer.css
rename to src/css/blocks/site-footer.css
diff --git a/src/assets/css/blocks/site-logo.css b/src/css/blocks/site-logo.css
similarity index 100%
rename from src/assets/css/blocks/site-logo.css
rename to src/css/blocks/site-logo.css
diff --git a/src/assets/css/blocks/site-nav.css b/src/css/blocks/site-nav.css
similarity index 100%
rename from src/assets/css/blocks/site-nav.css
rename to src/css/blocks/site-nav.css
diff --git a/src/assets/css/utils/flex.css b/src/css/compositions/flex.css
similarity index 100%
rename from src/assets/css/utils/flex.css
rename to src/css/compositions/flex.css
diff --git a/src/assets/css/utils/list.css b/src/css/compositions/list.css
similarity index 100%
rename from src/assets/css/utils/list.css
rename to src/css/compositions/list.css
diff --git a/src/assets/css/global.css b/src/css/global.css
similarity index 65%
rename from src/assets/css/global.css
rename to src/css/global.css
index 2ab3861..526d45b 100644
--- a/src/assets/css/global.css
+++ b/src/css/global.css
@@ -4,4 +4,5 @@
 @import "global/global-styles.css";
 
 @import-glob "blocks/*.css";
-@import-glob "utils/*.css";
+@import-glob "compositions/*.css";
+@import-glob "utilities/*.css";
diff --git a/src/assets/css/global/global-styles.css b/src/css/global/global-styles.css
similarity index 100%
rename from src/assets/css/global/global-styles.css
rename to src/css/global/global-styles.css
diff --git a/src/assets/css/global/reset.css b/src/css/global/reset.css
similarity index 100%
rename from src/assets/css/global/reset.css
rename to src/css/global/reset.css
diff --git a/src/assets/css/global/variables.css b/src/css/global/variables.css
similarity index 100%
rename from src/assets/css/global/variables.css
rename to src/css/global/variables.css
diff --git a/src/assets/css/styles.11ty.js b/src/css/styles.11ty.js
similarity index 95%
rename from src/assets/css/styles.11ty.js
rename to src/css/styles.11ty.js
index 2a488a6..709fbf0 100644
--- a/src/assets/css/styles.11ty.js
+++ b/src/css/styles.11ty.js
@@ -19,7 +19,7 @@ module.exports = class {
     const rawCss = fs.readFileSync(rawFilepath);
 
     return {
-      permalink: `assets/css/styles.css`,
+      permalink: `css/styles.css`,
       rawFilepath,
       rawCss,
     };
diff --git a/src/assets/css/utils/flow.css b/src/css/utilities/flow.css
similarity index 100%
rename from src/assets/css/utils/flow.css
rename to src/css/utilities/flow.css
diff --git a/src/assets/css/utils/visually-hidden.css b/src/css/utilities/visually-hidden.css
similarity index 100%
rename from src/assets/css/utils/visually-hidden.css
rename to src/css/utilities/visually-hidden.css
diff --git a/src/assets/css/utils/wrapper.css b/src/css/utilities/wrapper.css
similarity index 100%
rename from src/assets/css/utils/wrapper.css
rename to src/css/utilities/wrapper.css