Skip to content

Instantly share code, notes, and snippets.

@egel

egel/button_inverse_mixins.sass

Created October 18, 2015 14:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save egel/2773ba0f8fb20f3252d5 to your computer and use it in GitHub Desktop.
Save egel/2773ba0f8fb20f3252d5 to your computer and use it in GitHub Desktop.
Download ZIP
Helper mixins for building sass
Raw
button_inverse_mixins.sass
@mixin button-inverse-variant($color, $hover-color, $hover-background, $border, $hover-border)
color: $color
background-color: transparent
border-color: $border
&:hover,
&:focus,
&.focus,
&:active,
&.active,
.open > &.dropdown-toggle
color: $hover-color
background-color: darken($hover-background, 10%)
border-color: darken($hover-border, 12%)
&:active,
&.active,
.open > &.dropdown-toggle
background-image: none
&.disabled,
&[disabled],
fieldset[disabled] &
&,
&:hover,
&:focus,
&.focus,
&:active,
&.active
background-color: $hover-background
border-color: $hover-border
.badge
color: $hover-background
background-color: $color
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment