Skip to content

Instantly share code, notes, and snippets.

@szpakoli
Created May 16, 2013 15:50
Show Gist options
  • Save szpakoli/5592732 to your computer and use it in GitHub Desktop.
Save szpakoli/5592732 to your computer and use it in GitHub Desktop.
LESS Vendor Prefixes Mixin
.rotate(@deg: 7deg){
-webkit-transform: rotate(@deg);
-moz-transform: rotate(@deg);
-o-transform: rotate(@deg);
transform: rotate(@deg);
}
.box-shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
@val: @x @y @blur rgba(0, 0, 0, @alpha);
box-shadow: @val;
-webkit-box-shadow: @val;
-moz-box-shadow: @val;
}
.transition(@property, @duration, @effect){
@val: @property @duration @effect;
-webkit-transition: @val;
-moz-transition: @val;
-o-transition: @val;
transition: @val;
}
.scale(@mod){
-moz-transform: scale(@mod);
-webkit-transform: scale(@mod);
-o-transform: scale(@mod);
transform: scale(@mod);
}
.rotate-and-scale(@deg,@mod){
-moz-transform: scale(@mod) rotate(@deg);
-webkit-transform: scale(@mod) rotate(@deg);
-o-transform: scale(@mod) rotate(@deg);
transform: scale(@mod) rotate(@deg);
}
.border-radius(@rad){
-moz-border-radius: @rad;
-webkit-border-radius: @rad;
border-radius: @rad;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment