oreolek/less-elements
1
0
Fork 0
mirror of https://github.com/Oreolek/elements.git synced 2024-04-25 13:39:18 +03:00
Code Issues Releases Wiki Activity

* "transition" renamed to "transition-prop" (just for one property). Ease value added.

Browse source
This commit is contained in:
Ivan 2012-01-23 16:14:02 -06:00
parent 3584787534
commit 80871cd2a5
1 changed files with 11 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
elements.less
View file

@ -92,11 +92,6 @@
-webkit-opacity: @opacity;
opacity: @opacity;
}
.transition-duration(@duration: 0.2s) {
-moz-transition-duration: @duration;
-webkit-transition-duration: @duration;
transition-duration: @duration;
}
.rotation(@deg:5deg){
-webkit-transform: rotate(@deg);
-moz-transform: rotate(@deg);
@ -112,6 +107,17 @@
-moz-transition: all @duration @ease;
transition: all @duration @ease;
}
.transition-prop(@property: width,@delay: 200ms, @ease:ease-out){
transition: @property @delay @ease;
-moz-transition: @property @delay @ease;
-webkit-transition: @property @delay @ease;
-o-transition: @property @delay @ease;
}
.transition-duration(@duration: 0.2s) {
-moz-transition-duration: @duration;
-webkit-transition-duration: @duration;
transition-duration: @duration;
}
.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
-webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
@ -148,22 +154,4 @@
-o-transform: translate(@x, @y);
-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;
}