Use csso the other plugin re-ordered css which broke the design.

Author: frankdejonge

docs/dist/styles.css

@@ -11,6 +11,7 @@
     "glob-all": "^3.1.0",
     "optimize-css-assets-webpack-plugin": "^4.0.0",
     "postcss": "^6.0.21",
+    "postcss-csso": "^3.0.0",
     "postcss-import": "^11.1.0",
     "postcss-loader": "^2.1.3",
     "purgecss-webpack-plugin": "^0.22.0",

docs/package.json

@@ -1,6 +1,7 @@
 module.exports = {
     plugins: [
-        require("postcss-import"),
-        require('tailwindcss')('./tailwind.js')
+        require('postcss-import'),
+        require('tailwindcss')('./tailwind.js'),
+        require('postcss-csso')
     ]
 };

docs/postcss.config.js

@@ -12,7 +12,7 @@ class TailwindExtractor {
 
 let plugins = [
     new ExtractTextPlugin('styles.css'),
-    new OptimizeCssAssetsPlugin(),
+    // new OptimizeCssAssetsPlugin(),
 ];
 
 let isProd = process.env.NODE_ENV === 'production';