postcss-styleguide

Name Modified Size
CHANGELOG.md2 years ago42
LICENSE.md2 years ago1.11 KB
README.md2 years ago1.37 KB
default-template2 years ago10.15 KB
gulpfile.js2 years ago559
index.js2 years ago2.18 KB
node_modules2 years ago15.91 MB
package.json2 years ago841
template.ejs2 years ago960
test2 years ago3.84 KB

PostCSS Styleguide Build Status

PostCSS Styleguide is a PostCSS plugin that allows you to generate a style guide from your CSS files.

/* before */



/* after */


Usage

You just need to follow these two steps to use PostCSS Styleguide:

  1. Add PostCSS to your build tool.
  2. Add PostCSS Styleguide as a PostCSS process.
npm install postcss-styleguide --save-dev

Node

postcss([ require('postcss-styleguide')({ /* options */ }) ])

Grunt

Add Grunt PostCSS to your build tool:

npm install postcss-styleguide --save-dev

Enable PostCSS Styleguide within your Gruntfile:

grunt.loadNpmTasks('grunt-postcss');

grunt.initConfig({
    postcss: {
        options: {
            processors: [
                require('postcss-styleguide')({ /* options */ })
            ]
        },
        dist: {
            src: 'css/*.css'
        }
    }
});