45 lines
851 B
Sass
45 lines
851 B
Sass
@import compass/css3, compass/utilities
|
|
|
|
#demo
|
|
+clearfix
|
|
|
|
.border-radius-example
|
|
width: 125px
|
|
height: 125px
|
|
background: red
|
|
margin: 20px
|
|
float: left
|
|
padding: 5px
|
|
|
|
#border-radius
|
|
+border-radius(25px)
|
|
|
|
#border-radius-top-left
|
|
+border-top-left-radius(25px)
|
|
|
|
#border-radius-top-right
|
|
+border-top-right-radius(25px)
|
|
|
|
#border-radius-bottom-left
|
|
+border-bottom-left-radius(25px)
|
|
|
|
#border-radius-bottom-right
|
|
+border-bottom-right-radius(25px)
|
|
|
|
#border-radius-top
|
|
+border-top-radius(25px)
|
|
|
|
#border-radius-bottom
|
|
+border-bottom-radius(25px)
|
|
|
|
#border-radius-left
|
|
+border-left-radius(25px)
|
|
|
|
#border-radius-right
|
|
+border-right-radius(25px)
|
|
|
|
#border-radius-combo
|
|
+border-corner-radius(top, left, 40px)
|
|
+border-corner-radius(top, right, 5px)
|
|
+border-corner-radius(bottom, left, 15px)
|
|
+border-corner-radius(bottom, right, 30px) |