SASS treatment for Zurb CSS buttons

// CSS buttons courtesy of http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
// Converted to sass via css2sass and then parameterized

=zurb_button
  background: #222 url(/images/alert-overlay.png) repeat-x
  display: inline-block
  padding: 5px 10px 6px
  color: #fff
  text-decoration: none
  font-weight: bold
  line-height: 1
  -moz-border-radius: 5px
  -webkit-border-radius: 5px
  -moz-box-shadow: 0 1px 3px #999
  -webkit-box-shadow: 0 1px 3px #999
  text-shadow: 0 -1px 1px #222
  border-bottom: 1px solid #222
  position: relative
  cursor: pointer

=zurb_color(!color)
  background-color: !color
  &:visited
    background-color: !color
    
=zurb_size(!size)
  font-size: !size
  &:visited
    font-size: !size

.awesome
  +zurb_button
  &:visited
    +zurb_button
  &:hover
    background-color: #111
    color: #fff
  &:active
    top: 1px

.small.awesome
  +zurb_size(11px)

.medium.awesome
  +zurb_size(13px)

.large.awesome
  +zurb_size(14px)
  padding: 8px 14px 9px
  &:visited
    padding: 8px 14px 9px

.green.awesome
  +zurb_color(#91bd09)

.blue.awesome
  +zurb_color(#2daebf)

.red.awesome
  +zurb_color(#e33100)

.magenta.awesome
  +zurb_color(#a9014b)

.orange.awesome
  +zurb_color(#ff5c00)

.yellow.awesome
  +zurb_color(#ffb515)