# postcss-structure

[![npm version][npm-img]][npm] [![Build Status][ci-img]][ci] [![Dependency Status][dep-img]][dep]

[francoisromain.github.io/postcss-structure][github.io]

A bundle of [PostCSS] plugins including: 

- [postcss-typescale](https://www.npmjs.com/package/postcss-typescale)
- [postcss-grid-system](https://www.npmjs.com/package/postcss-grid-system)
- [postcss-grid-fluid](https://www.npmjs.com/package/postcss-grid-fluid)
- [postcss-button](https://www.npmjs.com/package/postcss-button)

[github.io]: http://francoisromain.github.io/postcss-structure
[PostCSS]:   https://github.com/postcss/postcss
[ci-img]:    https://travis-ci.org/francoisromain/postcss-structure.svg
[ci]:        https://travis-ci.org/francoisromain/postcss-structure
[npm-img]:   https://badge.fury.io/js/postcss-structure.svg
[npm]:       https://badge.fury.io/js/postcss-structure
[dep-img]:   https://david-dm.org/francoisromain/postcss-structure.svg
[dep]:       https://david-dm.org/francoisromain/postcss-structure

* * * 

## Installation

Install the [npm package](https://www.npmjs.com/package/postcss-structure):

    $ npm install postcss-structure --save-dev

Require the PostCSS plugin:

``` js
postcss([ require('postcss-structure') ])
```

See [PostCSS docs](https://github.com/postcss/postcss#usage) to setup with Gulp, Grunt, Webpack, npm scripts… 

* * * 

## Configuration (optional)

To-do

* * * 

## Usage

Refer to each plugin documentation: 

- [postcss-typescale](https://github.com/francoisromain/postcss-typescale)
- [postcss-grid-system](https://github.com/francoisromain/postcss-grid-system)
- [postcss-grid-fluid](https://github.com/francoisromain/postcss-grid-fluid)
- [postcss-button](https://github.com/francoisromain/postcss-button)