Skip to content

Commit 9cacc41

Browse files
committed
Merge pull request #2 from silvenon/patch-1
Add example for a custom processor in the README
2 parents aaba55d + bc99f51 commit 9cacc41

File tree

1 file changed

+33
-6
lines changed

1 file changed

+33
-6
lines changed

README.md

Lines changed: 33 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -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

1515
gulp.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
2956
Source map is disabled by default, to extract map use together

0 commit comments

Comments
 (0)