README.md

@@ -4,12 +4,11 @@ Simple CSS framework.
 
 **Heavily** inspired by [GitHub - CodyHouse/codyhouse-framework](https://github.com/CodyHouse/codyhouse-framework).
 
-## TODO
+**NOTE** media queries based on variables have only been implemented for SASS. No postccss solution has yet been implemented.
 
-* css - minified for production (cssnano should be doing this)
+## TODO
-* Images and SVGs
-* sass loader - ensure mixins don't conflict with postcss mixins
 
 * documentation
 	- .text-component
 	- visibility.css - make notes on classes with `\:` in the selectors
+	- media queries (sass codyhouse implementation)

src/postcss/mixins.js

@@ -6,7 +6,7 @@ const postcssMixins = {
   // TODO - untest
   defineHSL(mixin, name, hue, sat, light) {
     const obj = {};
-    obj[name] = `hsl(${hue}, ${sat}, ${light})`;
+    obj[name] = name;
     // need to ensure hue is a string otherwise postcss (is it postcss?) appends
     // 'px' to the property's value.
     obj[`${name}__h`] = hue.toString();