Fix button state warnings.

kbase · May 6, 2024 · 00cac95 · 00cac95
1 parent d6a9295
commit 00cac95
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/common/components/Button.module.scss b/src/common/components/Button.module.scss
@@ -51,15 +51,15 @@
       color: use-color("white");
     }
 
-    @if (use-color($state + "-dark")) {
+    @if (map-has-key($palette, $state + "-dark")) {
       &:hover {
         background-color: use-color($state + "-dark");
         color: use-color("white");
         opacity: 1;
       }
     }
 
-    @if (use-color($state + "-dark")) {
+    @if (map-has-key($palette, $state + "-darker")) {
       &:focus {
         background-color: use-color($state + "-darker");
         color: use-color("white");
@@ -72,15 +72,15 @@
     color: use-color($state);
     font-weight: bold;
 
-    @if (use-color($state + "-dark")) {
+    @if (map-has-key($palette, $state + "-dark")) {
       &:hover {
         background-color: use-color("light-gray");
         color: use-color($state + "-dark");
         opacity: 1;
       }
     }
 
-    @if (use-color($state + "-dark")) {
+    @if (map-has-key($palette, $state + "-darker")) {
       &:focus {
         color: use-color($state + "-darker");
       }