From 160d34372d6a0b424f7551cbc8d4276b128cb3cf Mon Sep 17 00:00:00 2001 From: Dmitry Fadeyev Date: Tue, 25 Dec 2012 22:47:17 +0000 Subject: [PATCH] add background-clip mixin and refactor rounded and border-radius to use it --- elements.less | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/elements.less b/elements.less index 5c6c19a..f41a0e6 100644 --- a/elements.less +++ b/elements.less @@ -54,9 +54,7 @@ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; + .background-clip(padding-box); } .border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { -webkit-border-top-right-radius: @topright; @@ -71,7 +69,7 @@ border-bottom-right-radius: @bottomright; border-bottom-left-radius: @bottomleft; border-top-left-radius: @topleft; - -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; + .background-clip(padding-box); } .opacity(@opacity: 0.5) { -moz-opacity: @opacity; @@ -88,7 +86,7 @@ -o-transition-duration: @duration; transition-duration: @duration; } -.transform() { +.transform(...) { -webkit-transform: @arguments; -moz-transform: @arguments; -o-transform: @arguments; @@ -99,7 +97,7 @@ .transform(rotate(@deg)); } .scale(@ratio:1.5){ - .transform(scale(@deg)); + .transform(scale(@ratio)); } .transition(@duration:0.2s, @ease:ease-out) { -webkit-transition: all @duration @ease; @@ -152,4 +150,8 @@ .translate(@x:0, @y:0) { .transform(translate(@x, @y)); } - +.background-clip(@argument: padding-box) { + -moz-background-clip: @argument; + -webkit-background-clip: @argument; + background-clip: @argument; +} \ No newline at end of file