Tweak the gradient docs to explain svg support.

This commit is contained in:
Chris Eppstein 2010-11-12 22:53:50 -08:00
parent cd49bd4bbd
commit 9176a3f9a7
3 changed files with 13 additions and 3 deletions

View File

@ -35,3 +35,7 @@
%p %p
This yields a horizontal linear gradient spanning from left to right. This yields a horizontal linear gradient spanning from left to right.
.ex
#svg-gradient.gradient-example
%p
This gradient has SVG support enabled for opera and IE9.

View File

@ -9,8 +9,6 @@
width: 80px width: 80px
height: 80px height: 80px
background: red background: red
margin: 20px
border: 1px solid #111
float: left float: left
margin: 1em 1em 0 0 margin: 1em 1em 0 0
@ -37,3 +35,9 @@
// This yields a horizontal linear gradient spanning from left to right. // This yields a horizontal linear gradient spanning from left to right.
#h-gradient #h-gradient
+linear-gradient(color-stops(#fff, #ddd), left) +linear-gradient(color-stops(#fff, #ddd), left)
#svg-gradient
$experimental-support-for-svg: true
+linear-gradient(color-stops(#2AC363, #CD8C14, #9C4CC2), left)
width: 80px
height: 80px

View File

@ -12,4 +12,6 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Provides a mixin to create cross-browser CSS3 gradients. Provides mixins to create cross-browser CSS3 gradients.
To enable SVG gradient support in Opera and IE9, set
<code>$experimental-support-for-svg: true</code> in your stylesheet.