Merge pull request #1119 from Adslot/fix-inversed-button-focus

fix: inversed button focus
Adslot · Jan 15, 2021 · ab56ac7 · ab56ac7
2 parents 70f02e9 + 5630abe
commit ab56ac7
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Button/styles.scss b/src/components/Button/styles.scss
@@ -110,7 +110,7 @@
     border-color: $color-button-success-border;
     color: $color-white;
 
-    &:focus {
+    &.btn-inverse &:focus {
       background-color: $color-button-success-background;
       border-color: $color-button-success-border;
       color: $color-white;
@@ -124,7 +124,7 @@
     border-color: $color-button-info-border;
     color: $color-white;
 
-    &:focus {
+    &.btn-inverse &:focus {
       background-color: $color-button-info-background;
       border-color: $color-button-info-border;
       color: $color-white;
@@ -139,7 +139,7 @@
     color: $color-white;
     cursor: not-allowed;
 
-    &:focus {
+    &.btn-inverse &:focus {
       background-color: $color-button-warning-background;
       border-color: $color-button-warning-border;
       color: $color-white;
@@ -153,7 +153,7 @@
     border-color: $color-button-danger-border;
     color: $color-white;
 
-    &:focus {
+    &.btn-inverse &:focus {
       background-color: $color-button-danger-background;
       border-color: $color-button-danger-border;
       color: $color-white;