Skip to content

Instantly share code, notes, and snippets.

@LeeRJohnson
Created July 8, 2010 13:20
Show Gist options
  • Save LeeRJohnson/467986 to your computer and use it in GitHub Desktop.
Save LeeRJohnson/467986 to your computer and use it in GitHub Desktop.
/* @group Radius */
.border-radius (@r: 0){
-webkit-border-radius: @r;
-moz-border-radius: @r;
border-radius: @r;
}
.border-top-left-radius(@r: 0){
-webkit-border-top-left-radius:@r;
-moz-border-radius-topleft:@r;
border-top-left-radius:@r;
}
.border-top-right-radius(@r: 0){
-webkit-border-top-right-radius:@r;
-moz-border-radius-topright:@r;
border-top-right-radius:@r;
}
.border-bottom-right-radius(@r: 0){
-webkit-border-bottom-right-radius:@r;
-moz-border-radius-bottomright:@r;
border-bottom-right-radius:@r;
}
.border-bottom-left-radius(@top-left: 0, top-right: 0, @bottom-right: 0, bottom-left: 0){
-webkit-border-bottom-left-radius:@r;
-moz-border-radius-bottomleft:@r;
border-bottom-left-radius:@r;
}
.border-radius (@r: 0){
-webkit-border-radius: @r;
-moz-border-radius: @r;
border-radius: @r;
}
/* @shadow */
.box-shadow(@h: 0, @v: 0, @z: 0, @color: none) {
box-shadow: @h @v @z @color;
-moz-box-shadow: @h @v @z @color;
-webkit-box-shadow: @h @v @z @color;
}
.text-shadow(@h: 0, @v: 0, @z: 0, @color: none) {
text-shadow: @h @v @z @color;
-moz-text-shadow: @h @v @z @color;
-webkit-text-shadow: @h @v @z @color;
}
/* @background */
.background-origin(@xbox: padding-box){
-webkit-background-origin:@xbox;
-moz-background-origin:@xbox;
background-origin:@xbox;
}
.background-clip(@xbox: padding-box){
-webkit-background-clip:@xbox;
-moz-background-clip:@xbox;
background-clip:@xbox;
}
.background-size(@x: 1,@y: 1){
-webkit-background-size:@x @y;
-moz-background-size:@x @y;
o-background-size:@x @y;
background-size:@x @y;
}
.box-sizing(@xbox: padding-box){
-webkit-box-sizing:@xbox;
-moz-box-sizing:@xbox;
box-sizing:@xbox;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment