update

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "static-html/postcss"]
+	path = static-html/postcss
+	url = ssh://git@git.rayelliott.dev:3222/rayelliott/postcss.git

static-html/postcss

@@ -0,0 +1 @@
+Subproject commit 1133e71b1627bdc7ac64653458988a0713f6cdb0

static-html/postcss.config.js

@@ -1,16 +1,13 @@
-const postcssFunctions = require('./src/js/postcss-functions');
+const postcssFunctions = require('./postcss/functions');
+const postcssMixins = require('./postcss/mixins');
 
 module.exports = {
   plugins: [
     'postcss-import',
-    'postcss-mixins',
+    ['postcss-mixins', { mixins: postcssMixins }],
     'postcss-preset-env',
     'postcss-nesting',
     'postcss-simple-vars',
-    ['postcss-functions',
-      {
-        functions: postcssFunctions,
-      },
-    ],
+    ['postcss-functions', { functions: postcssFunctions }],
   ],
 };

static-html/src/css/style.css

@@ -4,7 +4,9 @@
 	$color: green;
 	color: $color;
 
-	opacity: half(1);
+	@mixin defineColor --color-text, #f00;
+
+	color: toHSLA(--color-text, 0.5);
 
 	@mixin size-big 2em;
 

static-html/src/js/postcss-functions.js

@@ -1,7 +0,0 @@
-const postcssFunctions = {
-  half(val) {
-    return val / 2;
-  },
-};
-
-module.exports = postcssFunctions;