diff --git a/elements.less b/elements.less index 21e063d..28789fc 100644 --- a/elements.less +++ b/elements.less @@ -46,15 +46,17 @@ border-bottom: solid 1px @bottom-color; } .drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) { - -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); - -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); - box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); +-webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); + -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); + box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); } .rounded(@radius: 2px) { - -webkit-border-radius: @radius; - -moz-border-radius: @radius; - border-radius: @radius; - -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; +-webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; +-webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; } .border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { -webkit-border-top-right-radius: @topright; @@ -98,14 +100,16 @@ transition: all @duration @ease; } .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); - box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); +-webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); + -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); + box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); } .box-shadow(@arguments) { - -webkit-box-shadow: @arguments; - -moz-box-shadow: @arguments; - box-shadow: @arguments; +-webkit-box-shadow: @arguments; + -moz-box-shadow: @arguments; + -ms-box-shadow: @arguments; + -o-box-shadow: @arguments; + box-shadow: @arguments; } .columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) { -moz-column-width: @colwidth; @@ -128,15 +132,17 @@ 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); +-webkit-transform: translate(@x, @y); + -moz-transform: translate(@x, @y); + -ms-transform: translate(@x, @y); + -o-transform: translate(@x, @y); + transform: translate(@x, @y); } .text-shadow(@arguments) { - -webkit-text-shadow: @arguments; - -moz-text-shadow: @arguments; - text-shadow: @arguments; +-webkit-text-shadow: @arguments; + -moz-text-shadow: @arguments; + -ms-text-shadow: @arguments; + -o-text-shadow: @arguments; + text-shadow: @arguments; }