Package Exports
- postcss-flexgrid
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (postcss-flexgrid) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
PostCSS Flexgrid
PostCSS helpers for working with a flexible grid. Very early stage, you probably don't want to use this.
Installation
$ npm install --save-dev postcss-flexgridUsage
// dependencies
var fs = require("fs")
var postcss = require("postcss")
var flexgrid = require("postcss-flexgrid")
// css to be processed
var css = fs.readFileSync("input.css", "utf8")
var options = {
max_columns: 12, // Number of columns of the grid
column_width: 70, // Width of one column, in pixels
gutter_width: 30, // Width of a gutter, in pixels
};
// process css
var output = postcss()
.use(flexgrid(options))
.process(css)
.css.container {
span: 5;
}
.container .sub-container {
span: 2 of 5;
}
.container .other-sub-container {
span: 3 of 5;
margin-right: 0;
}