Convert whitespace significant CSS to valid CSS
CSS JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples
lib
test
.gitignore
.npmignore
.travis.yml
History.md
Makefile
Readme.md
component.json
index.js
package.json

Readme.md

css-whitespace

Whitespace significant CSS to regular CSS. Typically used for Rework, however you may use it on its own if you like.

Installation

$ npm install css-whitespace
$ component install visionmedia/css-whitespace

API

var compile = require('css-whitespace');
var css = compile('body\n  color: #888\n');

Example

@charset "utf-8"

@import "foo.css"

body
  padding: 50px
  background: black
  color: white

form
  button
    border-radius: 5px
    padding: 5px 10px

@media print
  body
    padding: 0

  button
    border-radius: 0
    width: 100%

yields:

@charset "utf-8";

@import "foo.css";

body {
  padding: 50px;
  background: black;
  color: white;
}

form button {
  border-radius: 5px;
  padding: 5px 10px;
}

@media print {
  body {
    padding: 0;
  }
  button {
    border-radius: 0;
    width: 100%;
  }
}

License

MIT