gucong3000 / postcss-unprefix

Clean CSS vendor prefixes from your source.
MIT License
34 stars 4 forks source link
postcss

postcss-unprefix

Unprefixes vendor prefixes in legacy CSS.

NPM version Travis Codecov David

Though, please use autoprefixer as part of your build process to ensure proper browser support.

Gif Deom

Installation

npm install --save postcss-unprefix

Usage

var postcss = require("gulp-html-postcss");
var unprefix = require("postcss-unprefix");
var autoprefixer = require("autoprefixer");

gulp.task("clear-css", function () {
    var processors = [
        unprefix,
        autoprefixer,
    ];
    return gulp.src("./src/**/*.css")
        .pipe(postcss(processors))
        .pipe(gulp.dest('./dest'));
});

Input

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex: 1;
}

Output

.flex {
    display: flex;
    flex: 1;
}