linuxwindowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscordmessengercustom-servicesmacos
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.1 KiB
52 lines
1.1 KiB
// Button variants |
|
// |
|
// Easily pump out default styles, as well as :hover, :focus, :active, |
|
// and disabled options for all buttons |
|
|
|
@mixin button-variant($color, $background, $border) { |
|
color: $color; |
|
background-color: $background; |
|
border-color: $border; |
|
|
|
&:hover, |
|
&:focus, |
|
&.focus, |
|
&:active, |
|
&.active, |
|
.open > &.dropdown-toggle { |
|
color: $color; |
|
background-color: darken($background, 10%); |
|
border-color: darken($border, 12%); |
|
} |
|
&:active, |
|
&.active, |
|
.open > &.dropdown-toggle { |
|
background-image: none; |
|
} |
|
&.disabled, |
|
&[disabled], |
|
fieldset[disabled] & { |
|
&, |
|
&:hover, |
|
&:focus, |
|
&.focus, |
|
&:active, |
|
&.active { |
|
background-color: $background; |
|
border-color: $border; |
|
} |
|
} |
|
|
|
.badge { |
|
color: $background; |
|
background-color: $color; |
|
} |
|
} |
|
|
|
// Button sizes |
|
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { |
|
padding: $padding-vertical $padding-horizontal; |
|
font-size: $font-size; |
|
line-height: $line-height; |
|
border-radius: $border-radius; |
|
}
|
|
|