Skip to content

Instantly share code, notes, and snippets.

@chriseppstein
Forked from merbjedi/gist:69222
Created February 24, 2009 10:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save chriseppstein/69502 to your computer and use it in GitHub Desktop.
Save chriseppstein/69502 to your computer and use it in GitHub Desktop.
// round corners (base)
= border-radius(!radius = 10px)
-moz-border-radius= !radius
-webkit-border-radius= !radius
border-radius= !radius
// top rounded corners
= border-top-radius(!radius = 10px)
+border-top-left-radius(!radius)
+border-top-left-radius(!radius)
= border-top-left-radius(!radius = 10px)
+border-corner-radius(!radius, "bottom", "left")
= border-top-right-radius(!radius = 10px)
+border-corner-radius(!radius, "bottom", "right")
// bottom rounded corners
= border-bottom-radius(!radius = 10px)
+border-bottom-left-radius(!radius)
+border-bottom-right-radius(!radius)
= border-bottom-left-radius(!radius = 10px)
+border-corner-radius(!radius, "bottom", "left")
= border-bottom-right-radius(!radius = 10px)
+border-corner-radius(!radius, "bottom", "right")
= border-corner-radius(!radius, !vertical_position, !horizontal_position)
:-moz-border-radius-#{!vertical_position}#{!horizontal_position}= !radius
:-webkit-border-#{!vertical_position}-#{!horizontal_position}-radius= !radius
:border-#{!vertical_position}-#{!horizontal_position}-radius= !radius
@import rounded_corners.sass
div.rounded
+border-radius
div.rounded-top
+border-top-radius
div.rounded-bottom
+border-bottom-radius
div.rounded-bottom-left
+border-bottom-left-radius
div.rounded-bottom-right
+border-bottom-right-radius
div.rounded-top-left
+border-top-left-radius
div.rounded-top-right
+border-top-right-radius
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment