postcss-example

Playing with PostCSS trying to figure things out.

Setup & Install

Dependencies

1. grunt - Install with npm install grunt-cli -g

Installation

1. Clone from git git clone https://github.com/fabean/postcss-example.git.
2. Cd into project directory cd postcss-example.
3. Install grunt dependencies npm install.
4. Build out CSS by typing grunt.

What PostCSS plugins I'm using

• postcss-import
• postcss-simple-vars
• postcss-simple-extend
• postcss-nested
• postcss-media-minmax
• postcss-merge-rules
• postcss-discard-comments
• autoprefixer-core
• full(?) list of all postcss plugins available on PostCSS's github repo

Demo?

If you look through my css in src you will see comments. I wrote a couple different CSS rules that would trigger all the different plugins I'm using.