flat_button_mixin.sass

@include bourbon

@mixin flat-button($primary_color: #ccc, $secondary_color: #333, $text_color: #fff)
  +border-radius(3px)
  +transition(background 0.5s ease-in)
  background-color: $primary_color
  color: $text_color
  border-bottom: $secondary_color 4px solid
  position: relative
  padding: 16px 30px
  padding-bottom: 12px
  font-size: 18px
  text-decoration: none
  text-transform: uppercase
  font-weight: 700
  letter-spacing: 0.1em
  &:hover
    background-color: lighten($primary_color, 3%)
  &:active
    top: 3px
    border-bottom: $secondary_color 1px solid

a.flat-button
  +flat-button