diff options
| -rw-r--r-- | scss/mixins/_buttons.scss | 11 | ||||
| -rw-r--r-- | site/content/docs/5.0/migration.md | 4 |
2 files changed, 11 insertions, 4 deletions
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index 09ef0cb38..b72836fad 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -12,7 +12,10 @@ $hover-color: color-contrast($hover-background), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%), - $active-color: color-contrast($active-background) + $active-color: color-contrast($active-background), + $disabled-background: $background, + $disabled-border: $border, + $disabled-color: color-contrast($disabled-background) ) { color: $color; @include gradient-bg($background); @@ -61,11 +64,11 @@ &:disabled, &.disabled { - color: $color; - background-color: $background; + color: $disabled-color; + background-color: $disabled-background; // Remove CSS gradients if they're enabled background-image: if($enable-gradients, none, null); - border-color: $border; + border-color: $disabled-border; } } diff --git a/site/content/docs/5.0/migration.md b/site/content/docs/5.0/migration.md index 7525fc57f..093e99819 100644 --- a/site/content/docs/5.0/migration.md +++ b/site/content/docs/5.0/migration.md @@ -16,6 +16,10 @@ toc: true ### Components +#### Buttons + +- Disabled states of buttons are easier to customize thanks to additional arguments in the `button-variant()` mixin. [See #30639.](https://github.com/twbs/bootstrap/pull/30639) + #### Popovers - Renamed `whiteList` option to `allowList` |