From: Mark Otto <markdotto@gmail.com>
Date: Thu, 14 Apr 2022 03:43:37 +0000 (-0700)
Subject: Manually set hover and active backgrounds and borders for dark and light buttons
X-Git-Tag: v5.2.0~70
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=d16a16258c5a5456f9f329e95537e8cdb727d8b1;p=thirdparty%2Fbootstrap.git

Manually set hover and active backgrounds and borders for dark and light buttons
---

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index a0d7a071e7..6c2482275b 100644
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -103,7 +103,27 @@
 // scss-docs-start btn-variant-loops
 @each $color, $value in $theme-colors {
   .btn-#{$color} {
-    @include button-variant($value, $value);
+    @if $color == "light" {
+      @include button-variant(
+        $value,
+        $value,
+        $hover-background: shade-color($value, $btn-hover-bg-shade-amount),
+        $hover-border: shade-color($value, $btn-hover-border-shade-amount),
+        $active-background: shade-color($value, $btn-active-bg-shade-amount),
+        $active-border: shade-color($value, $btn-active-border-shade-amount)
+      );
+    } @else if $color == "dark" {
+      @include button-variant(
+        $value,
+        $value,
+        $hover-background: tint-color($value, $btn-hover-bg-tint-amount),
+        $hover-border: tint-color($value, $btn-hover-border-tint-amount),
+        $active-background: tint-color($value, $btn-active-bg-tint-amount),
+        $active-border: tint-color($value, $btn-active-border-tint-amount)
+      );
+    } @else {
+      @include button-variant($value, $value);
+    }
   }
 }