fix defineHSL to include full hsl color

README.md

@@ -4,11 +4,12 @@ Simple CSS framework.
 
 **Heavily** inspired by [GitHub - CodyHouse/codyhouse-framework](https://github.com/CodyHouse/codyhouse-framework).
 
-**NOTE** media queries based on variables have only been implemented for SASS. No postccss solution has yet been implemented.
-
 ## TODO
 
+* css - minified for production (cssnano should be doing this)
+* 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] = name;
+    obj[name] = `hsl(${hue}, ${sat}, ${light})`;
     // need to ensure hue is a string otherwise postcss (is it postcss?) appends
     // 'px' to the property's value.
     obj[`${name}__h`] = hue.toString();