Fix -webkit-gradient rule to fix gradients on older devices

thoughtbot · Oct 11, 2011 · e46ba1e · e46ba1e
1 parent 72cf1e7
commit e46ba1e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/app/assets/stylesheets/css3/_linear-gradient.scss b/app/assets/stylesheets/css3/_linear-gradient.scss
@@ -15,10 +15,11 @@
   }
 
   $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+  $GLast: nth($full, length($full));
 
   background-color:  nth($G1, 1);
-  background-image:  -webkit-gradient(linear, left top, left bottom, from($G1), to($G2)); /* Saf4+, Chrome */
-  background-image:  -webkit-linear-gradient($pos, $full);
+  background-image:  -webkit-gradient(linear, left top, left bottom, from(nth($G1, 1)), to(nth($GLast, 1))); /* Saf4, < iOS 5, Android Webkit */
+  background-image:  -webkit-linear-gradient($pos, $full); /* Saf5.1+, Chrome */
   background-image:     -moz-linear-gradient($pos, $full);
   background-image:      -ms-linear-gradient($pos, $full);
   background-image:       -o-linear-gradient($pos, $full);