Initial commit

config/template-languages/css-config.js

@@ -0,0 +1,33 @@
+// CSS and JavaScript as first-class citizens in Eleventy: https://pepelsbey.dev/articles/eleventy-css-js/
+
+const postcss = require('postcss');
+const postcssImport = require('postcss-import');
+const postcssImportExtGlob = require('postcss-import-ext-glob');
+const autoprefixer = require('autoprefixer');
+const cssnano = require('cssnano');
+
+module.exports = eleventyConfig => {
+  eleventyConfig.addTemplateFormats('css');
+
+  eleventyConfig.addExtension('css', {
+    outputFileExtension: 'css',
+    compile: async (content, path) => {
+      if (path !== './src/assets/css/global.css') {
+        return;
+      }
+
+      return async () => {
+        let output = await postcss([
+          postcssImportExtGlob,
+          postcssImport,
+          autoprefixer,
+          cssnano
+        ]).process(content, {
+          from: path
+        });
+
+        return output.css;
+      };
+    }
+  });
+};