@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)