From 2f00576083dec610e92cda0142ec5799d9fe7c82 Mon Sep 17 00:00:00 2001 From: Dmitry Fadeyev Date: Tue, 25 Dec 2012 22:36:18 +0000 Subject: [PATCH] add transform mixin, refactor rotation, scale and translate to use the new mixin --- elements.less | 24 ++++++++++-------------- 1 file changed, 10 insertions(+), 14 deletions(-) diff --git a/elements.less b/elements.less index 1240091..5c6c19a 100644 --- a/elements.less +++ b/elements.less @@ -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)); }