PureCSS grid system for PostCSS .
$ npm install postcss-pure-grid
var fs = require('fs');
var postcss = require('postcss');
var puregrid = require('postcss-pure-grid');
var css = fs.readFileSync('input.css', 'utf8');
var output = postcss()
.use(puregrid())
.process(css)
.css;input.css example:
.row {
pure-grid-group: row nowrap;
}
/* width: 25% */
.column {
pure-grid-unit: 1/4;
}
/* width 50% offset */
.column-offset {
pure-grid-offset: 1/2
}You are not limited to use any columns number. 1/4 or 3/12 its up to you.