Remove hover states on background utilities (#28457)

diff --git a/scss/mixins/_background-variant.scss b/scss/mixins/_background-variant.scss
index 494439d2b45fd21205a9cc4880dc83501c63d5f3..55dcccd5d9cf2c17c0d4409b20adac07ec819397 100644 (file)
--- a/scss/mixins/_background-variant.scss
+++ b/scss/mixins/_background-variant.scss
@@ -1,19 +1,5 @@
 // stylelint-disable declaration-no-important
 
-// Contextual backgrounds
-
-@mixin bg-variant($parent, $color) {
-  #{$parent} {
-    background-color: $color !important;
-  }
-  a#{$parent},
-  button#{$parent} {
-    @include hover-focus {
-      background-color: darken($color, 10%) !important;
-    }
-  }
-}
-
 @mixin bg-gradient-variant($parent, $color) {
   #{$parent} {
     background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;

diff --git a/scss/utilities/_background.scss b/scss/utilities/_background.scss
index 1f18b2f3f36483973876a382d6e1bdc1f346361a..f9fbb48b9d880530c999ad5c32244256ea0ac573 100644 (file)
--- a/scss/utilities/_background.scss
+++ b/scss/utilities/_background.scss
@@ -1,7 +1,9 @@
 // stylelint-disable declaration-no-important
 
 @each $color, $value in $theme-colors {
-  @include bg-variant(".bg-#{$color}", $value);
+  .bg-#{$color} {
+    background-color: $value !important;
+  }
 }
 
 @if $enable-gradients {

diff --git a/site/content/docs/4.3/utilities/colors.md b/site/content/docs/4.3/utilities/colors.md
index 0101a4dd5747445f895fcd171de2d59fadd04826..13b204d41f021e40b1e301b1ce8af520f7342791 100644 (file)
--- a/site/content/docs/4.3/utilities/colors.md
+++ b/site/content/docs/4.3/utilities/colors.md
@@ -35,7 +35,7 @@ Contextual text classes also work well on anchors with the provided hover and fo
 
 ## Background color
 
-Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities **do not set `color`**, so in some cases you'll want to use `.text-*` utilities.
+Similar to the contextual text color classes, easily set the background of an element to any contextual class. Background utilities **do not set `color`**, so in some cases you'll want to use `.text-*` utilities.
 
 {{< example >}}
 {{< colors.inline >}}