mixins.sass

=cf
  display: inline-block
  &:after
    content: "."
    display: block
    height: 0
    clear: both
    visibility: hidden
  * html &
    height: 1px

=support_hover
  _azimuth: expression(this.onmousedown = this.onmousedown || new Function("this.className += ' active'"), this.onmouseup = this.onmouseup || new Function("this.className = this.className.replace('active','')"), this.onmouseenter = this.onmouseenter || new Function("this.className += ' hover'"), this.onmouseleave = this.onmouseleave || new Function("this.className = this.className.replace('hover','')"), 'inherit')


=border-radius($radius: "0")
  -moz-border-radius: $radius
  -webkit-border-radius: $radius
  
=border-radius-custom($top_left: "0", $top_right: "0", $bottom_left: "0", $bottom_right: "0")
  -moz-border-radius-topleft: $top_left
  -moz-border-radius-topright: $top_right
  -moz-border-radius-bottomleft: $bottom_left
  -moz-border-radius-bottomright: $bottom_right
  -webkit-border-top-left-radius: $top_left
  -webkit-border-top-right-radius: $top_right
  -webkit-border-bottom-left-radius: $bottom_left
  -webkit-border-bottom-right-radius: $bottom_right