Add color CSS vars for .alert-link (#36456)

* color css vars for .alert-link

* Update scss/mixins/_alert.scss

Co-authored-by: Mark Otto <otto@github.com>

diff --git a/scss/mixins/_alert.scss b/scss/mixins/_alert.scss
index 231f068ec436a748252a717856730c0253c7c3ef..7994ed0ad3a8981f135cc79afabdc83c5227aada 100644 (file)
--- a/scss/mixins/_alert.scss
+++ b/scss/mixins/_alert.scss
@@ -3,13 +3,14 @@
   --#{$prefix}alert-color: #{$color};
   --#{$prefix}alert-bg: #{$background};
   --#{$prefix}alert-border-color: #{$border};
+  --#{$prefix}alert-link-color: #{shade-color($color, 20%)};
 
   @if $enable-gradients {
     background-image: var(--#{$prefix}gradient);
   }
 
   .alert-link {
-    color: shade-color($color, 20%);
+    color: var(--#{$prefix}alert-link-color);
   }
 }
 // scss-docs-end alert-variant-mixin