fix: update button font sizes and outline colors (#206)

EightfoldAI · Jun 28, 2022 · 2fccac3 · 2fccac3
1 parent e13c974
commit 2fccac3
Showing 1 changed file with 1 addition and 10 deletions.
diff --git a/src/components/Button/button.module.scss b/src/components/Button/button.module.scss
@@ -176,9 +176,6 @@
     }
 
     &:active {
-        outline: 1px solid var(--button-focus-outline-color);
-        outline-offset: -1px;
-
         .counter {
             background-color: var(--button-counter-active-background-color);
         }
@@ -189,7 +186,7 @@
     // Button 1 (Mobile L)
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: $text-font-weight-semibold;
-    font-size: $text-font-size-5;
+    font-size: $text-font-size-4;
     line-height: $text-line-height-3;
 
     &.counter {
@@ -337,13 +334,11 @@
     &:hover {
         background-color: var(--button-hover-variant-background-color);
         color: var(--button-hover-foreground-color);
-        outline-color: var(--button-hover-variant-background-color);
     }
 
     &:active {
         background-color: var(--button-active-background-color);
         color: var(--button-active-foreground-color);
-        outline-color: var(--button-active-background-color);
     }
 }
 
@@ -356,13 +351,11 @@
     &:hover {
         background-color: var(--disruptive-color-10);
         color: var(--disruptive-color-70);
-        outline-color: var(--disruptive-color-20);
     }
 
     &:active {
         background-color: var(--disruptive-color-20);
         color: var(--disruptive-color-80);
-        outline-color: var(--disruptive-color-10);
     }
 }
 
@@ -375,13 +368,11 @@
     &:hover {
         background-color: var(--grey-color-10);
         color: var(--text-secondary-color);
-        outline-color: var(--grey-color-20);
     }
 
     &:active {
         background-color: var(--grey-color-20);
         color: var(--text-secondary-color);
-        outline-color: var(--grey-color-10);
     }
 }