<commit_before># My PostCSS, JS and Grunticon Build Workflow Boilerplate
Set up of a PostCSS workflow that has all the functionality and fallbacks I use frequently from Sass and Compass.

## Setup & Install

1. I used node and grunt and installed each plugin one at a time. You'll have to do the same and your needs will certainly vary from mine.
2. https://nodejs.org/download/
3. http://gruntjs.com/getting-started
4. https://github.com/nDmitry/grunt-postcss

### Dependencies

1. npm
2. grunt 
3. grunt-postcss
4. grunticon
5. Plugin names can be found in package.json and the Gruntfile.js

### Installation

I started by looking at other peoples gruntifiles, reading docs and (admittedly) had trouble getting PostCSS to run in the first place. After a ton of troubleshooting, I finally got it to just about where I "think" I can use this on a production project. Now it is here for you to use as a reference and starting point.


## What PostCSS and other plugins I'm using

```
//-------------------------------
CSS Build
require('postcss-font-magician')({ hosted: '../fonts'}), // Font face builder
require('postcss-import')(),                    // Partials imports
require('postcss-simple-vars')(),               // Variables, a must<commit_msg>Update text<commit_after># My PostCSS, JS and Grunticon Build Workflow Boilerplate
Set up of a PostCSS workflow that has all the functionality and fallbacks I use frequently from Sass and Compass.

## Setup & Install

1. I used node and grunt and installed each plugin one at a time. You'll have to do the same and your needs will certainly vary from mine.
2. https://nodejs.org/download/
3. http://gruntjs.com/getting-started
4. https://github.com/nDmitry/grunt-postcss

### Dependencies

1. npm
2. grunt 
3. grunt-postcss
4. grunticon
5. Plugin names can be found in package.json and the Gruntfile.js

### Installation

After a ton of troubleshooting, I finally got it to just about where I "think" I can use this on a production (IE8) project. Now it is here for you to use as a reference and starting point.


## What PostCSS and other plugins I'm using

```
//-------------------------------
CSS Build
require('postcss-font-magician')({ hosted: '../fonts'}), // Font face builder
require('postcss-import')(),                    // Partials imports
require('postcss-simple-vars')(),               // Variables, a must
{'fraction_non_alphanumeric': 0.11541701769165964, 'fraction_numerical': 0.008003369839932602, 'mean_word_length': 3.0948275862068964, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2416054', 'n_tokens_mistral': 689, 'n_tokens_neox': 663, 'n_words': 313}