fix(alerts): ensure color is set and used (#35571)

diff --git a/scss/_alert.scss b/scss/_alert.scss
index ed47806e27ad65b7616221803b452754bb020959..c8275e8d29756589c5a1136623f26613ffd15a2c 100644 (file)
--- a/scss/_alert.scss
+++ b/scss/_alert.scss
@@ -7,7 +7,7 @@
   --#{$variable-prefix}alert-bg: transparent;
   --#{$variable-prefix}alert-padding: #{$alert-padding-y $alert-padding-x};
   --#{$variable-prefix}alert-margin-bottom: #{$alert-margin-bottom};
-  --#{$variable-prefix}alert-color: #{$alert-padding-y $alert-padding-x};
+  --#{$variable-prefix}alert-color: inherit;
   --#{$variable-prefix}alert-border-color: transparent;
   --#{$variable-prefix}alert-border: #{$alert-border-width} solid var(--#{$variable-prefix}alert-border-color);
   --#{$variable-prefix}alert-border-radius: #{$alert-border-radius};
@@ -16,6 +16,7 @@
   position: relative;
   padding: var(--#{$variable-prefix}alert-padding);
   margin-bottom: var(--#{$variable-prefix}alert-margin-bottom);
+  color: var(--#{$variable-prefix}alert-color);
   background-color: var(--#{$variable-prefix}alert-bg);
   border: var(--#{$variable-prefix}alert-border);
   border-radius: var(--#{$variable-prefix}alert-border-radius, 0); // stylelint-disable-line property-disallowed-list