postcss-prettify

postcss-prettify

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

Changelog

0.3.4 — 3/16/16

Fix fail on empty input with checks for setting css.first.raws.before = ''.