Gradients mixin updated

- Start and stop position added as parameter
- .none class to reset gradients
This commit is contained in:
Ivan Mendoza 2012-04-24 01:13:57 -06:00
parent 4e71974b0a
commit ae8f0206d7
1 changed files with 10 additions and 9 deletions

View File

@ -13,20 +13,17 @@
-----------------------------------------------------*/
#gradients{
.vertical(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
.vertical(@color: #F5F5F5, @start: #EEE, @stop: #FFF, @posStart: 0, @posEnd: 1) {
background: @color;
background: -webkit-gradient(linear,
left bottom,
left top,
color-stop(0, @start),
color-stop(1, @stop));
background: -ms-linear-gradient(bottom,
@start,
@stop);
color-stop(@posStart, @start),
color-stop(@posEnd, @stop));
background: -moz-linear-gradient(center bottom,
@start 0%,
@stop 100%);
background: -ms-linear-gradient(top, @start 0%,@stop 100%);
@start @posStart*100%,
@stop @posEnd*100%);
background: -ms-linear-gradient(bottom, @start @posStart*100%,@stop @posEnd*100%);
filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{stop}', endColorstr='@{start}',GradientType=0)";
}
.horizontal(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
@ -60,6 +57,10 @@
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%);
}
.none{
background:none;
filter:none;
}
}