Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/francoisromain/postcss-structure

A bundle of PostCSS plugins
https://github.com/francoisromain/postcss-structure

Last synced: 3 days ago
JSON representation

A bundle of PostCSS plugins

Awesome Lists containing this project

README

        

# 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)