Add skipMultiColor option. #6

Author: yuezk

CHANGELOG.md

@@ -1,3 +1,7 @@
+### 0.2.2 - 2016-01-13
+
+- Add `skipMultiColor` option.
+
 ### 0.2.1 - 2015-12-21
 
 - Add supports for `rad, grad, turn` unit.

README.md

@@ -44,10 +44,18 @@ Default: `true`
 IE filter doesn't support angular gradient. By default, when processing the angular gradient,
 we will convert the angle to its closest direction. You can disable this feature by setting this option to `false`.
 
+### skipMultiColor
+
+Default: `false`
+
+If set to `true`, we will not handle the rules which have multi color stops. It is useful when you want use a
+background color as fallback.
+
 ## Limitation
 
 The IE filter gradient only support horizontal and vertical directions, and only support two colors. So, if there are more
-than two colors in the color stops, we only pick the first and the last one.
+than two colors in the color stops, we only pick the first and the last one. You can skip it by setting
+`option.skipMultiColor` to `true`.
 
 ## FAQ
 

test/fixtures/option-skip-multicolor.css

@@ -0,0 +1,8 @@
+a {
+    background: linear-gradient(rgb(30, 87, 153) 0%, rgb(125, 185, 232) 76%, rgb(96, 178, 130) 100%);
+}
+
+b {
+    background: linear-gradient(to bottom, blue, green, red);
+}
+

test/fixtures/option-skip-multicolor.expect.css

@@ -0,0 +1,8 @@
+a {
+    background: linear-gradient(rgb(30, 87, 153) 0%, rgb(125, 185, 232) 76%, rgb(96, 178, 130) 100%);
+}
+
+b {
+    background: linear-gradient(to bottom, blue, green, red);
+}
+

test/test.js

@@ -106,6 +106,12 @@ describe('postcss-filter-gradient', function () {
         }
     );
 
+    it('shouldnt handle multi colorstops when `option.skipMultiColor` is true',
+       function (done) {
+           test('option-skip-multicolor', { skipMultiColor: true }, done);
+       }
+    );
+
     it('should handle the `grad` unit correctly', function (done) {
         test('grad', {}, done);
     });