Feature: How to use PostCSS and/or Tailwind WIP

[regisphilibert]

Tis is a WIP detailed walkthrough. Use with care.

How to use PostCSS.

Useer will need to setup PostCSS on the project.

1. $ npm install --save-dev postcss postcss-cli
2. Add a postcss.config.js file at at the root of the project. (later we'll let user chooses the location of the postcss config file)
3. Add postcss to the use array of a registered style:

styles:
- path: css/global/body.css
 use:
 - postcss

How to use Tailwind

All of the above ☝️ +

1. $ npm install --save-dev tailwind
2. in the project's postcss.config.js, add tailwind to the list of required plugins:

module.exports = {
  plugins: [
    require("tailwindcss")("./assets/css/tailwind.config.js"),
    require('autoprefixer'),
    //...
  ]
}

3. Add tailwind to the use array of a registered style. This will make sure any css in the file is wrapped with the tailwind goodies, and also run PostCSS on the style. If user does not want HUGE to add the tailwind methods, and create the tailwind stylesheet themselves, they should only list postcss in the use array.