* Added horizontal gradient: .horizontal-gradient(@color, @start, @stop)

* Added transition: .transition(@property,@delay)
This commit is contained in:
Ivan 2012-01-23 14:10:37 -06:00
parent ebdcd8ca09
commit 3584787534
1 changed files with 33 additions and 0 deletions

View File

@ -25,6 +25,21 @@
@start 0%,
@stop 100%);
}
.horizontal-gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
background: @color;
background-image: linear-gradient(right , @stop 0%, @start 100%);
background-image: -o-linear-gradient(right , @stop 0%, @start 100%);
background-image: -moz-linear-gradient(right , @stop 0%, @start 100%);
background-image: -webkit-linear-gradient(right , @stop 0%, @start 100%);
background-image: -ms-linear-gradient(right , @stop 0%, @start 100%);
background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0, @stop),
color-stop(0.3, @start)
);
}
.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
background: @color;
background: -webkit-gradient(linear,
@ -134,3 +149,21 @@
-ms-transform: translate(@x, @y);
transform: translate(@x, @y);
}
//
// Transition
// Example
// a{
// background:#f00;
// .transition(background-color,1s);
// &:hover{
// background:#00f;
// }
// }
//
.transition(@property: width,@delay: 200ms){
transition: @property @delay;
-moz-transition: @property @delay;
-webkit-transition: @property @delay;
-o-transition: @property @delay;
}