feat: move css to own directory

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);

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"

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";

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,
     };