css-prettifier

CSS prettifier in your style.

CSS Prettifier

CSS prettifier in your style.

var fs = require("fs");
var path = require("path");
var options = {
    decl: {
        before: '\n\t'
    },
    selectors: 'separateline'
};
var cssprettifier = require("../lib/css-prettifier");
var processor = cssprettifier(options);
var css = fs.readFileSync("before.css");
var result = processor.process(css, {
    map: true,
    from: "prefixer.css",
    to: "after.css"
});
 
 
fs.writeFileSync("after.css", result.css.trim());

Before execution css is:

pul {
  margin-bottom: 1em;
}
 
.lyt-column .unit {
  float: left;
  margin-right: 20px;
}
.lyt-column .unit.last-unit {
  margin-right: 0;
}

After execution css is:

p,
ul {
    margin-bottom: 1em;
}
 
.lyt-column .unit {
    float: left;
    margin-right: 20px;
}
.lyt-column .unit.last-unit {
    margin-right: 0;
}

You can use the grunt-csspretty plugin for Grunt.js.

You can use the gulp-csspretty plugin for gulp.js.