forks/elements
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add transform mixin, refactor rotation, scale and translate to use the new mixin

Browse source
This commit is contained in:
Dmitry Fadeyev 2012-12-25 22:36:18 +00:00
parent 0ca86e6bfb
commit 2f00576083
1 changed files with 10 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

24
elements.less
View file

@ -88,18 +88,18 @@
-o-transition-duration: @duration;
transition-duration: @duration;
}
.transform() {
-webkit-transform: @arguments;
-moz-transform: @arguments;
-o-transform: @arguments;
-ms-transform: @arguments;
transform: @arguments;
}
.rotation(@deg:5deg){
-webkit-transform: rotate(@deg);
-moz-transform: rotate(@deg);
-o-transform: rotate(@deg);
-ms-transform: rotate(@deg);
transform: rotate(@deg);
.transform(rotate(@deg));
}
.scale(@ratio:1.5){
-webkit-transform:scale(@ratio);
-moz-transform:scale(@ratio);
-o-transform: scale(@ratio);
transform:scale(@ratio);
.transform(scale(@deg));
}
.transition(@duration:0.2s, @ease:ease-out) {
-webkit-transition: all @duration @ease;
@ -150,10 +150,6 @@
column-rule-width: @columnRuleWidth;
}
.translate(@x:0, @y:0) {
-moz-transform: translate(@x, @y);
-webkit-transform: translate(@x, @y);
-o-transform: translate(@x, @y);
-ms-transform: translate(@x, @y);
transform: translate(@x, @y);
.transform(translate(@x, @y));
}