diff options
author | Mark Otto <markdotto@gmail.com> | 2022-04-14 06:43:37 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-06-09 01:32:05 +0300 |
commit | d16a16258c5a5456f9f329e95537e8cdb727d8b1 (patch) | |
tree | 5562c0d93a6bf113ff3e9a3e6bea41848f3e0373 | |
parent | ae3442041cfc1f72886f8f8402288b215af67a96 (diff) |
Manually set hover and active backgrounds and borders for dark and light 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 a0d7a071e7..6c2482275b 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -103,7 +103,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); + } } } |