postcss-prettify

prettify postcss output

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
postcss-prettify
130.3.47 years ago7 years agoMinified + gzip package size for postcss-prettify in KB

Readme

About | Installation | Usage | License

About

A PostCSS plugin to prettify output. Requires at least Node.js v0.12. Should likely be included towards the end of a PostCSS plugin chain, if that's your jam.
Features
  • line breaks between top-level rules and comments
  • smart spacing around rules and declarations
  • indenting with 2 spaces
  • one selector per line

Example Input
.foo, .bar {
    background: red;
}
@media only screen and (min-width:600px){.baz{background:blue;}}

Example Output
.foo,
.bar {
  background: red;
}

@media only screen and (min-width: 600px) {
  .baz {
    background: blue;
  }
}

Installation

From a terminal
npm install --save-dev postcss-prettify

Usage

As a PostCSS Plugin
postcss([
  require('postcss-prettify')
])

Check the PostCSS docs for your chosen implementation.
Standalone
postcss-prettify also exposes a standalone PostCSS processor instance as prettify.process(css):
var fs = require('mz/fs')
var prettify = require('postcss-prettify')

fs.readFile('src/style.css', 'utf8')
  .then(data => prettify.process(data))
  .then(res => fs.writeFile('dist/style.css', res.css))
  .catch(err => console.err(err.stack))

License

MIT