Something to try about !important in color-bg helper

twbs · May 20, 2022 · c53312d · c53312d
1 parent 8959bf3
commit c53312d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/scss/helpers/_color-bg.scss b/scss/helpers/_color-bg.scss
@@ -1,10 +1,10 @@
-// stylelint-disable declaration-no-important, function-name-case
+// stylelint-disable function-name-case
 
 // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251
 @each $color, $value in $theme-colors {
   $color-rgb: to-rgb($value);
   .text-bg-#{$color} {
-    color: color-contrast($value) !important;
-    background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) !important;
+    color: color-contrast($value) if($enable-important-utilities, !important, null);
+    background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null);
   }
 }