Skip to content

axvm/postcss-pure-grid

Repository files navigation

PostCSS-pure-grid Build Status

PureCSS grid system for PostCSS .

Installation

$ npm install postcss-pure-grid

Usage

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
}

Columns

You are not limited to use any columns number. 1/4 or 3/12 its up to you.

About

PureCSS grid system implementation

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published