Skip to content

Instantly share code, notes, and snippets.

@wxmn
Created May 22, 2013 18:26
Show Gist options
  • Save wxmn/5629773 to your computer and use it in GitHub Desktop.
Save wxmn/5629773 to your computer and use it in GitHub Desktop.
@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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment