minor documentation updates and demo project changes

README.md

@@ -119,7 +119,9 @@ PostCSS is going to still kick out a generated CSS file, you can either leverage
 ### Include CSS normalize file
 Tailwind operates and generates a built in [normalize.css](https://github.com/necolas/normalize.css/) file. This plugin only generates the utilities, you will still want to include a normalize CSS to get the expected behavior. For convenience, you can grab the `tailwind-base.css` file from this repo directly, which is just the `@tailwind base` output.
 
+### Use your utilities!
 
+You can now import your `TW` module and use all the utilities. Remember that these are elm-css utilities, so you must be using the `Html.Styled` module instead of the standard `Html` module.
 
 ## Developing
 Coming Soon!

demo/postcss.config.js

@@ -3,6 +3,6 @@ const postcssElmTailwind = require("../index.js");
 module.exports = {
   plugins: [
     require("tailwindcss")("./tailwind.config.js"),
-    // postcssElmTailwind(),
+    postcssElmTailwind(),
   ],
 };

demo/src/Main.elm

@@ -35,7 +35,7 @@ update msg model =
 
 buttonStyle: Css.Style
 buttonStyle = 
-    Css.batch[TW.bg_blue_500, TW.hover__bg_blue_700, TW.text_white, TW.font_bold, TW.py_2 ,TW.px_4, TW.rounded]
+    Css.batch[TW.bg_blue_500, TW.hover__bg_blue_700, TW.text_white, TW.font_bold, TW.py_2,TW.px_4, TW.rounded]
 ---- VIEW ----
 
 

demo/tailwind.css

@@ -2,6 +2,6 @@
 
 @tailwind base;
 
-/* @tailwind components;
+@tailwind components;
 
-@tailwind utilities; */
+@tailwind utilities;