DriveCosts button mixin

drivecosts_button_mixin.sass

= button-skeleton($from, $to)
  font-family: $proxima
  font-weight: bold
  line-height: 100%
  text-transform: uppercase
  text-decoration: none
  cursor: pointer
  +border-radius(5px)
  color: #fff
  +gradient-bg($from, $to)
  border: none
  border-top: 1px solid desaturate($from + #333, 30%)
  border-bottom: 1px solid $to - #222
  +box-shadow(0 0 0 1px (desaturate($from - #222, 20%)))
  text-shadow: 0 1px 1px $to - #222
  overflow: visible
  &:hover
    +gradient_bg(saturate($from + #111111, 5%), saturate($to + #111111, 5%))
  &:active
    +gradient-bg($from - #222, $to)
  &[disabled], &.disabled
    +opacity(.7)
    cursor: default
    &:hover
      +gradient-bg($from, $to)
= button($from: #0d95cf, $to: #064695)
  +button-skeleton($from, $to)
  font-size: 12px
  padding: 2px 10px
= large-button($from: #0d95cf, $to: #064695)
  +button-skeleton($from, $to)
  padding: 8px 12px
  font-size: 14px
  line-height: 14px

= green-button
  +button(#26bb58, #126c2a)
= large-green-button
  +large-button(#26bb58, #126c2a)
= large-blue-button
  +large-button(#0fb2e4, #03287f)
= large-orange-button
  +large-button(#f6b041, #ed6500)

that border: none probably doesn't need to be there.