add support for linear-gradient(stops...). Closes #110

stylus · Jul 5, 2012 · 7701921 · 7701921 · rauchg · Jul 5, 2012
1 parent 2309719
commit 7701921
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/lib/nib/gradients.styl b/lib/nib/gradients.styl
@@ -107,6 +107,11 @@ linear-gradient(start, stops...)
   error('color stops required') unless length(stops)
   prop = current-property[0]
   val = current-property[1]
+
+  if start is a 'color'
+    unshift(stops, start)
+    start = top
+
   stops = normalize-stops(stops)
 
   // gradient image

diff --git a/test/cases/linear-gradient.css b/test/cases/linear-gradient.css
@@ -6,6 +6,14 @@ body {
   background: -ms-linear-gradient(top, #fff 0%, #000 100%);
   background: linear-gradient(top, #fff 0%, #000 100%);
 }
+body {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #000));
+  background: -webkit-linear-gradient(top, #fff 0%, #000 100%);
+  background: -moz-linear-gradient(top, #fff 0%, #000 100%);
+  background: -o-linear-gradient(top, #fff 0%, #000 100%);
+  background: -ms-linear-gradient(top, #fff 0%, #000 100%);
+  background: linear-gradient(top, #fff 0%, #000 100%);
+}
 body {
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fff), color-stop(0.25, #f00), color-stop(0.5, #00f), color-stop(1, #000));
   background: -webkit-linear-gradient(top left, #fff 0%, #f00 25%, #00f 50%, #000 100%);

diff --git a/test/cases/linear-gradient.styl b/test/cases/linear-gradient.styl
@@ -1,6 +1,9 @@
 
 @import 'nib/gradients'
 
+body
+  background: linear-gradient(white, black)
+
 body
   background: linear-gradient(top, white, black)