fix button styles for active states (#1256)

user-interviews · Jun 21, 2024 · 440582f · 440582f
1 parent fd133bf
commit 440582f
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/scss/buttons.scss b/scss/buttons.scss
@@ -131,11 +131,11 @@ $primary: $ux-emerald-600;
     $btn-outline-primary-hover-border,
     $btn-outline-primary-hover-color,
   );
-  border-color: var(--btn-outline-primary-border);
+  border-color: $btn-outline-primary-border;
 
   &:active {
-    background-color: var(--btn-outline-primary-active-background);
-    border-color: var(--btn-outline-primary-active-border-color);
+    background-color: $btn-outline-primary-active-background;
+    border-color: $btn-outline-primary-active-border-color;
   }
 
   &:focus-visible {
@@ -168,11 +168,11 @@ $primary: $ux-emerald-600;
     $btn-outline-primary-hover-border,
     $btn-outline-primary-hover-color,
   );
-  border-color: var(--btn-outline-primary-border);
+  border-color: $btn-outline-primary-border;
 
   &:active {
-    background-color: var(--btn-outline-primary-active-background);
-    border-color: var(--btn-outline-primary-active-border-color);
+    background-color: $btn-outline-primary-active-background;
+    border-color: $btn-outline-primary-active-border-color;
   }
 
   &:focus-visible {
@@ -288,11 +288,11 @@ $primary: $ux-emerald-600;
     $btn-outline-transparent-hover-border,
     $btn-outline-transparent-hover-color,
   );
-  border-color: var(--btn-outline-transparent-border);
+  border-color: $btn-outline-transparent-border;
 
   &:active {
-    background-color: var(--btn-outline-transparent-active-background);
-    border-color: var(--btn-outline-transparent-active-border-color);
+    background-color: $btn-outline-transparent-active-background;
+    border-color: $btn-outline-transparent-active-border-color;
   }
 
   &:disabled {