Fix active/focused button link text color

twbs · Jul 18, 2022 · 150b374 · 150b374
1 parent d262a50
commit 150b374
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/scss/_buttons.scss b/scss/_buttons.scss
@@ -147,6 +147,7 @@
   --#{$prefix}btn-border-color: transparent;
   --#{$prefix}btn-hover-color: #{$btn-link-hover-color};
   --#{$prefix}btn-hover-border-color: transparent;
+  --#{$prefix}btn-active-color: #{$btn-link-hover-color};
   --#{$prefix}btn-active-border-color: transparent;
   --#{$prefix}btn-disabled-color: #{$btn-link-disabled-color};
   --#{$prefix}btn-disabled-border-color: transparent;
@@ -160,6 +161,14 @@
     text-decoration: $link-hover-decoration;
   }
 
+  &:focus {
+    color: var(--#{$prefix}btn-color);
+  }
+
+  &:hover {
+    color: var(--#{$prefix}btn-hover-color);
+  }
+
   // No need for an active state here
 }