diff options
author | Mark Otto <markdotto@gmail.com> | 2022-04-14 06:43:37 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2022-04-14 06:54:54 +0300 |
commit | 90957ffafe067e29e7f17081dd8ef36cc5d428ee (patch) | |
tree | b2692d4548418110372248e4bf1f95a0b19a45e5 | |
parent | d059c1d5bafb46e6d4adde07059f3373f47fa1e2 (diff) |
Manually set hover and active backgrounds and borders for dark and light buttonscustom-light-dark-buttons
-rw-r--r-- | scss/_buttons.scss | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/scss/_buttons.scss b/scss/_buttons.scss index 625a2dbf39..dd0ed75cd6 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -105,7 +105,27 @@ // scss-docs-start btn-variant-loops @each $color, $value in $theme-colors { .btn-#{$color} { - @include button-variant($value, $value); + @if $color == "light" { + @include button-variant( + $value, + $value, + $hover-background: shade-color($value, $btn-hover-bg-shade-amount), + $hover-border: shade-color($value, $btn-hover-border-shade-amount), + $active-background: shade-color($value, $btn-active-bg-shade-amount), + $active-border: shade-color($value, $btn-active-border-shade-amount) + ); + } @else if $color == "dark" { + @include button-variant( + $value, + $value, + $hover-background: tint-color($value, $btn-hover-bg-tint-amount), + $hover-border: tint-color($value, $btn-hover-border-tint-amount), + $active-background: tint-color($value, $btn-active-bg-tint-amount), + $active-border: tint-color($value, $btn-active-border-tint-amount) + ); + } @else { + @include button-variant($value, $value); + } } } |