Skip to content

Instantly share code, notes, and snippets.

@jasonkmccoy

jasonkmccoy/sass-ghost-button.sass

Created March 14, 2015 21:44
Show Gist options
  • Save jasonkmccoy/cd23198cb0174e460607 to your computer and use it in GitHub Desktop.
Save jasonkmccoy/cd23198cb0174e460607 to your computer and use it in GitHub Desktop.
Download ZIP
Ghost button mixin
Raw
sass-ghost-button.sass
=ghost-button($font, $font-size, $font-color, $border-size, $border-color, $padding, $transition-speed, $hover-color)
display: inline-block
text-decoration: none
text-transform: uppercase
font-family: $font
font-size: $font-size
color: $font-color
border: $border-size solid $border-color
padding: $padding
-webkit-transition: color $transition-speed, background $transition-speed
transition: color $transition-speed, background $transition-speed
&:hover
background: $border-color
color: $hover-color
// Usage
div
+ghost-button(“Trebuchet”, 12px, #ffffff, 5px, #34dec6, 4px, 300ms, #000000)
@jasonkmccoy
Copy link
Author

http://www.developerdrive.com/2014/11/15-essential-sass-mixins/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment