oreolek/less-elements
1
0
Fork 0
mirror of https://github.com/Oreolek/elements.git synced 2024-07-01 14:04:57 +03:00
Code Issues Releases Wiki Activity

Gradients mixin updated

Browse source 
- 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
Show stats Download patch file Download diff file Expand all files Collapse all files

19
elements.less
View file

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