Update the gradient examples for the new gradient mixins.

This commit is contained in:
Chris Eppstein 2010-03-06 22:55:16 -08:00
parent fd8162cedd
commit 892e4effc2
2 changed files with 11 additions and 10 deletions

View File

@ -24,11 +24,12 @@
#v-gradient-2.gradient-example
%p
Same as the first example but with #ccc at the 30% from the top, and #bbb at 70% from the top
Same as the first example but with #ccc at the
30% from the top, and #bbb at 70% from the top
#v-gradient-3.gradient-example
%p
This yields a horizontal linear gradient spanning from left to right. It can be used just like v-gradient above
This yields a horizontal linear gradient spanning from left to right.
#h-gradient.gradient-example

View File

@ -8,24 +8,24 @@
// This will yield a radial gradient with an apparent specular highlight
#radial-gradient
+radial-gradient("45 45, 10, 52 50, 30", "Cyan", "DodgerBlue")
+radial-gradient(color_stops(#00FFFF 10px, #1E90FF 30px), 45 45)
// This yields a linear gradient spanning from !start to !end coordinates
// This yields a linear gradient spanning from the upper left corner to the lower right corner
#linear-gradient
+linear-gradient("left top", "left bottom", #fff, #ddd)
+linear-gradient(color_stops(#fff, #ddd), "left top")
// This yields a gradient starting at the top with #fff, ending in #aaa
#v-gradient
+v-gradient(#fff, #aaa)
+linear-gradient(color_stops(#fff, #aaa))
// Same as above but with a #ccc at the halfway point
#v-gradient-2
+v-gradient(#fff, #aaa, color_stop(50%, #ccc))
+linear-gradient(color_stops(#fff, #ccc, #aaa))
// Same as the first example but with #ccc at the 30% from the top, and #bbb at 70% from the top
#v-gradient-3
+v-gradient(#fff, #aaa, color_stop(30%, #ccc, 70%, #bbb))
+linear-gradient(color_stops(#fff, #ccc 30%, #bbb 70%, #aaa))
// This yields a horizontal linear gradient spanning from left to right. It can be used just like v-gradient above
// This yields a horizontal linear gradient spanning from left to right.
#h-gradient
+h-gradient(#fff, #ddd)
+linear-gradient(color_stops(#fff, #ddd), "left")