@@ -6,15 +6,15 @@ several processors, but parse CSS only once.
66## Basic usage
77
88``` js
9- var postcss = require (' gulp-postcss' )
10- var gulp = require (' gulp' )
11- var autoprefixer = require (' autoprefixer-core' )
12- var mqpacker = require (' css-mqpacker' )
13- var csswring = require (' csswring' )
9+ var postcss = require (' gulp-postcss' );
10+ var gulp = require (' gulp' );
11+ var autoprefixer = require (' autoprefixer-core' );
12+ var mqpacker = require (' css-mqpacker' );
13+ var csswring = require (' csswring' );
1414
1515gulp .task (' css' , function () {
1616 var processors = [
17- autoprefixer (' last 1 version' ),
17+ autoprefixer ({browsers : [ ' last 1 version' ]} ),
1818 mqpacker,
1919 csswring
2020 ];
@@ -24,6 +24,33 @@ gulp.task('css', function () {
2424});
2525```
2626
27+ ## Using a custom processor
28+
29+ ``` js
30+ var postcss = require (' gulp-postcss' );
31+ var autoprefixer = require (' autoprefixer-core' );
32+ var opacity = function (css , opts ) {
33+ css .eachDecl (function (decl ) {
34+ if (decl .prop === ' opacity' ) {
35+ decl .parent .insertAfter (decl, {
36+ prop: ' -ms-filter' ,
37+ value: ' "progid:DXImageTransform.Microsoft.Alpha(Opacity=' + (parseFloat (decl .value ) * 100 ) + ' )"'
38+ });
39+ }
40+ }
41+ };
42+
43+ gulp .task (' css' , function () {
44+ var processors = [
45+ autoprefixer ({browsers: [' last 1 version' ]}),
46+ opacity
47+ ];
48+ return gulp .src (' ./src/*.css' )
49+ .pipe (postcss (processors))
50+ .pipe (gulp .dest (' ./dest' ));
51+ });
52+ ` ` `
53+
2754## Source map support
2855
2956Source map is disabled by default, to extract map use together
0 commit comments