Update the gradient examples for the new gradient mixins.
This commit is contained in:
parent
fd8162cedd
commit
892e4effc2
@ -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
|
@ -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")
|
||||
|
Loading…
Reference in New Issue
Block a user