Package Exports

gulp-cssbeautify
gulp-cssbeautify/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (gulp-cssbeautify) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

gulp-cssbeautify

CSS Beautify automatically formats your style to be consistent and easy to read

Given the following style:

.menu{color:red} .navigation{background-color:#333}

CSS Beautify will produce:

.menu {
    color: red
}

.navigation {
    background-color: #333
}

Install

Install with npm

npm install --save-dev gulp-cssbeautify

Example

var gulp = require('gulp'),
    cssbeautify = require('gulp-cssbeautify');

gulp.task('css', function() {
    return gulp.src('./styles/*.css')
        .pipe(cssbeautify())
        .pipe(gulp.dest('./styles/'));
});

With options:

var gulp = require('gulp'),
    cssbeautify = require('gulp-cssbeautify');

gulp.task('css', function() {
    return gulp.src('./styles/*.css')
        .pipe(cssbeautify({
            indent: '  ',
            openbrace: 'separate-line',
            autosemicolon: true
        }))
        .pipe(gulp.dest('./styles/'));
});

API

cssbeautify(options)

options.indent

Type: String
Default: ' '

Spaces to use for indentation.

options.openbrace

Type: String
Default: end-of-line
Values: end-of-line, separate-line

Defines the placement of open curly brace.

options.autosemicolon

Type: Boolean
Default: false

Always inserts a semicolon after the last ruleset.