Skip to content

Instantly share code, notes, and snippets.

@jonfalcon
Created February 5, 2013 15:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonfalcon/4715155 to your computer and use it in GitHub Desktop.
Save jonfalcon/4715155 to your computer and use it in GitHub Desktop.
CSS: rounder corners - less mixins
// Border Radius
.border-radius(@_, @radius){
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.border-radius(all, @radius) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
.border-radius(topLeft, @radius) {
-webkit-border-top-left-radius: @radius;
-moz-border-radius-topleft: @radius;
border-top-left-radius: @radius;
}
.border-radius(topRight, @radius) {
-webkit-border-top-right-radius: @radius;
-moz-border-radius-topright: @radius;
border-top-right-radius: @radius;
}
.border-radius(bottomRight, @radius) {
-webkit-border-bottom-right-radius: @radius;
-moz-border-radius-bottomright: @radius;
border-bottom-right-radius: @radius;
}
.border-radius(bottomLeft, @radius) {
-webkit-border-bottom-left-radius: @radius;
-moz-border-radius-bottomleft: @radius;
border-bottom-left-radius: @radius;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment