Merge pull request #572 from lexich/gradient-fix

Fix: range outbound bug

Author: ai

lib/hacks/gradient.coffee

@@ -51,9 +51,8 @@ class Gradient extends Value
   newDirection: (params) ->
     return params if params[0].value == 'to'
     return params unless isDirection.test(params[0].value)
-
     params.unshift({ type: 'word', value: 'to' }, { type: 'space', value: ' ' })
-    for i in [2..params.length]
+    for i in [2...params.length]
       if params[i].type == 'div'
         break
       if params[i].type == 'word'
@@ -75,7 +74,7 @@ class Gradient extends Value
   # Replace `to top left` to `bottom right`
   fixDirection: (params) ->
     params.splice(0, 2)
-    for i in [0..params.length]
+    for i in [0...params.length]
       if params[i].type == 'div'
         break
       if params[i].type == 'word'
@@ -94,7 +93,7 @@ class Gradient extends Value
     first  = params[0]
     second = []
 
-    for i in [4..params.length]
+    for i in [4...params.length]
       if params[i].type == 'div'
         break
       else

test/autoprefixer.coffee

@@ -78,7 +78,7 @@ commons = ['transition', 'values', 'keyframes', 'gradient', 'flex-rewrite',
            'custom-prefix', 'cascade', 'double', 'multicolumn', '3d-transform',
            'background-size', 'supports', 'viewport', 'resolution', 'logical',
            'appearance', 'advanced-filter', 'element', 'image-set',
-           'image-rendering', 'mask-border', 'writing-mode', 'cross-fade']
+           'image-rendering', 'mask-border', 'writing-mode', 'cross-fade', 'gradient-fix']
 
 describe 'autoprefixer()', ->
 
@@ -117,6 +117,7 @@ describe 'Autoprefixer', ->
 
   it 'removes unnecessary prefixes', ->
     for type in commons
+      continue if type == 'gradient-fix'
       continue if type == 'cascade'
       continue if type == 'mistakes'
       continue if type == 'flex-rewrite'

test/cases/gradient-fix.css

@@ -0,0 +1,4 @@
+.test {
+  background-image: -webkit-linear-gradient(yellow 50%, red 50%);
+  background-image: linear-gradient(to   , red 50%);
+}

test/cases/gradient-fix.out.css

@@ -0,0 +1,6 @@
+.test {
+  background-image: -webkit-linear-gradient(yellow 50%, red 50%);
+  background-image: -webkit-linear-gradient(red 50%);
+  background-image: -o-linear-gradient(red 50%);
+  background-image: linear-gradient(to   , red 50%);
+}