Use some of our unused CSS variables

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index cbc0784a4d9c4445bd87824bdd17cb43d57b59c8..11fc3bd9ed7ed125cdd62d3769cb8de8f1e5cf31 100644 (file)
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -172,14 +172,14 @@
   --#{$prefix}btn-box-shadow: 0 0 0 #000; // Can't use `none` as keyword negates all values when used with multiple shadows
   --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix(color-contrast($link-color), $link-color, 15%))};
 
-  text-decoration: $link-decoration;
+  text-decoration: var(--#{$prefix}link-decoration);
   @if $enable-gradients {
     background-image: none;
   }
 
   &:hover,
   &:focus-visible {
-    text-decoration: $link-hover-decoration;
+    text-decoration: var(--#{$prefix}link-hover-decoration);
   }
 
   &:focus-visible {

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 81ea21617d0258d3f1b00e99e524c005ade84949..3ef71b2b25bac34d6ba5c9751833ab71811d84c9 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -242,11 +242,11 @@ sup { top: -.5em; }
 
 a {
   color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, 1));
-  text-decoration: $link-decoration;
+  text-decoration: var(--#{$prefix}link-decoration);
 
   &:hover {
     --#{$prefix}link-color-rgb: var(--#{$prefix}link-hover-color-rgb);
-    text-decoration: $link-hover-decoration;
+    text-decoration: var(--#{$prefix}link-hover-decoration);
   }
 }
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 7706c0f6a5e0fd6e31f6c6a121888ad9010dfeb6..955b423a5a2849a47b7491802dc32b85062ac2ba 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -454,7 +454,7 @@ $link-color:                              $primary !default;
 $link-decoration:                         underline !default;
 $link-shade-percentage:                   20% !default;
 $link-hover-color:                        shift-color($link-color, $link-shade-percentage) !default;
-$link-hover-decoration:                   null !default;
+$link-hover-decoration:                   underline !default;
 
 $stretched-link-pseudo-element:           after !default;
 $stretched-link-z-index:                  1 !default;