Skip to content

Instantly share code, notes, and snippets.

@jonbrockett
Created January 17, 2019 14:31
Show Gist options
  • Select an option

  • Save jonbrockett/d8ce33c57a560917ed56f7e1bb496ab0 to your computer and use it in GitHub Desktop.

Select an option

Save jonbrockett/d8ce33c57a560917ed56f7e1bb496ab0 to your computer and use it in GitHub Desktop.
White Button (Foundation SCSS Class)
// White Button
.button.white {
background-color: $white;
color: $black;
border-color: $black;
&:hover {
background-color: scale-color($white, $lightness: -15%);
border-color: scale-color($black, $lightness: 15%);
color: scale-color($black, $lightness: 15%);
}
&.hollow {
border-color: $white;
color: $white;
background-color: transparent;
&:hover {
border-color: scale-color($white, $lightness: -15%);
color: scale-color($white, $lightness: -15%);
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment