fix(button): add extra styles for flat button

telerik · Jan 10, 2022 · 885cc6f · 885cc6f
1 parent 522dda8
commit 885cc6f
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/packages/default/scss/button/_theme.scss b/packages/default/scss/button/_theme.scss
@@ -268,6 +268,33 @@
         }
     }
 
+    @each $name, $color in $button-theme-colors {
+        .k-button-flat.k-button-flat-#{$name} {
+
+            &,
+            &:hover,
+            &.k-state-hover,
+            &:active,
+            &.k-state-active,
+            &:focus,
+            &.k-state-focus {
+                color: $color;
+            }
+
+            // Disabled state
+            &:disabled,
+            &.k-state-disabled {
+                @include fill(
+                    $button-disabled-text,
+                    $button-disabled-bg,
+                    $button-disabled-border,
+                    $button-disabled-gradient
+                );
+                @include box-shadow( $button-disabled-shadow );
+            }
+        }
+    }
+
 }