Skip to content

Instantly share code, notes, and snippets.

@maran
Created July 23, 2011 20:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save maran/1101847 to your computer and use it in GitHub Desktop.
Save maran/1101847 to your computer and use it in GitHub Desktop.
rounded corners
@mixin rounded-corner($radius: 5px)
-moz-border-radius: $radius
-webkit-border-radius: $radius
border-radius: $radius
@mixin rounded-top-left-corner($radius: 5px)
-moz-border-radius-topleft: $radius
-webkit-border-top-left-radius: $radius
border-top-left-radius: $radius
@mixin rounded-top-right-corner($radius: 5px)
-moz-border-radius-topright: $radius
-webkit-border-top-right-radius: $radius
border-top-right-radius: $radius
@mixin rounded-bottom-left-corner($radius: 5px)
-moz-border-radius-bottomleft: $radius
-webkit-border-bottom-left-radius: $radius
border-bottom-left-radius: $radius
@mixin rounded-bottom-right-corner($radius: 5px)
-moz-border-radius-bottomright: $radius
-webkit-border-bottom-right-radius: $radius
border-bottom-right-radius: $radius
@mixin rounded-top-corner($radius: 5px)
@include rounded-top-left-corner($radius)
@include rounded-top-right-corner($radius)
@mixin rounded-bottom-corner($radius: 5px)
@include rounded-bottom-left-corner($radius)
@include rounded-bottom-right-corner($radius)
@mixin rounded-left-corner($radius: 5px)
@include rounded-top-left-corner($radius)
@include rounded-bottom-left-corner($radius)
@mixin rounded-right-corner($radius: 5px)
@include rounded-top-right-corner($radius)
@include rounded-bottom-right-corner($radius)
@mixin box-shadow($props: #000 1px 1px 8px)
box-shadow: $props
-webkit-box-shadow: $props
-moz-box-shadow: $props
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment