add open props

ethangardner · Jan 6, 2023 · 6462365 · 6462365
1 parent 2c94faa
commit 6462365
Show file tree

Hide file tree

Showing 13 changed files with 375 additions and 329 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -38,7 +38,7 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.addPlugin(pluginSyntaxHighlight);
   eleventyConfig.addPlugin(pluginNavigation);
 
-  eleventyConfig.addWatchTarget("./css/");
+  eleventyConfig.addWatchTarget("./css");
 
   // Alias `layout: article` to `layout: layouts/post.njk`
   eleventyConfig.addLayoutAlias("article", "layouts/article.njk");

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,5 +44,9 @@
   ],
   "volta": {
     "node": "16.14.0"
+  },
+  "dependencies": {
+    "open-props": "^1.5.3",
+    "postcss-jit-props": "^1.0.9"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,10 +1,13 @@
 const cssnano = require('cssnano');
 const postcssImport = require('postcss-import');
 const postcssPresetEnv = require('postcss-preset-env');
+const postcssJitProps = require('postcss-jit-props');
+const OpenProps = require('open-props');
 
 module.exports = {
   plugins: [
     postcssImport(),
+    postcssJitProps(OpenProps),
     postcssPresetEnv(),
     cssnano(),
   ],