github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added linear gradient mixin

Browse Source
This commit is contained in:
B Mathis 2009-11-21 11:11:34 -06:00
parent ec7be709c2
commit 483af9ac31
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
lib/compass/frameworks/compass/stylesheets/compass/css3/_gradient.sass Normal file
View File

@ -0,0 +1,19 @@
=gradient(!type, !coords, !color_start, !color_end, !stop_1 = 0, !stop_1_pos = .3, !stop_2 = 0, !stop_2_pos = .6, !stop_3 = 0, !stop_3_pos = .9)
!gradient: #{!coords}, from(#{!color_start}), to(#{!color_end})
@if !stop_1 != 0
!gradient= !gradient + color-stop(#{!stop_1_pos}, #{!stop_1})
@if !stop_2 != 0
!gradient= !gradient + color-stop(#{!stop_2_pos}, #{!stop_2})
@if !stop_3 != 0
!gradient= !gradient + color-stop(#{!stop_3_pos}, #{!stop_3})
background: -webkit-gradient(#{!type}, #{!gradient})
background: -moz-#{!type}-gradient(#{!gradient})
=linear-gradient(!coords, !color1, !color2)
+gradient("linear", !coords, !color1, !color2)
=v-gradient(!color1, !color2)
=linear-gradient("left top, left bottom", !color1, !color2)
=h-gradient(!color1, !color2)
=linear-gradient("left top, right top", !color1, !color2)