utils.sass

= border-radius(!radius = 10px)
  -moz-border-radius= !radius
  -webkit-border-radius= !radius
  border-radius= !radius
 

= border-top-radius(!radius = 10px)
  +border-top-left-radius(!radius)
  +border-top-right-radius(!radius)
 
= border-top-left-radius(!radius = 10px)
  +border-corner-radius(!radius, "top", "left")
 
= border-top-right-radius(!radius = 10px)
  +border-corner-radius(!radius, "top", "right")

= 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-left-radius(!radius = 10px)
  +border-bottom-left-radius(!radius)
  +border-top-left-radius(!radius)
  
= border-right-radius(!radius = 10px)
  +border-bottom-right-radius(!radius)
  +border-top-right-radius(!radius)

= 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
  

= outer-glow(!x = 0, !y = 0, !blur = 7px, !color = rgba(0,0,0,0.4))
  :-webkit-box-shadow= !x !y !blur !color
  :-moz-box-shadow= !x !y !blur !color
  :box-shadow= !x !y !blur !color
  
= outer-glow-over
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.7)
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.7)
  box-shadow: 0 0 7px rgba(0,0,0,0.7)

= box-shadow(!x = 0, !y = 1px, !radius = 4px, !color = rgba(0,0,0,0.5))
  :-webkit-box-shadow= !x !y !radius !color
  :-moz-box-shadow= !x !y !radius !color
  :box-shadow= !x !y !radius !color

= text-shadow(!color = rgba(255,255,255,1), !x = 0, !y = 1px, !blur = 0)
  :text-shadow= !color !x !y "#{!blur}px"
  :-ms-filter "progid:DXImageTransform.Microsoft.Shadow(Color=#{!color},Direction=135,Strength=#{!blur})"
  
= cancel-text-shadow
  :text-shadow none
  
= inner-shadow(!x = 0, !y = 1px, !blur = 1px, !color = rgba(0,0,0,0.5), !style = inset)
  :-moz-box-shadow= !style !x !y !blur !color
  :box-shadow= !style !x !y !blur !color
  
= clear-me
  &:after
    :visibility hidden
    :display block
    :clear both
    :height 0
    :font-size 0
    :content " "