Sass button

button.sass

@mixin gradient($from, $to)
  background-color: $from
  background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to))
  background-image: -moz-linear-gradient($from, $to)
  background-image: -webkit-linear-gradient($from, $to)
  background-image: -o-linear-gradient($from, $to)

@mixin button($color, $font-size)
  font-size: $font-size * 2
  padding: $font-size
  border-radius: 15px
  @include gradient($color + rgb(50, 50, 50), $color)
  border-top: 2px solid $color + rgb(75, 75, 75)
  font-weight: bold

  &:active
    @include gradient($color, $color + rgb(50, 50, 50))
    border-top: none
    border-bottom: 2px solid $color + rgb(75, 75, 75)