fix: button: move unreferenced global style into the module (#74)

EightfoldAI · Apr 19, 2022 · 3f87bcd · 3f87bcd
1 parent 1f6f3d9
commit 3f87bcd
Show file tree

Hide file tree

Showing 2 changed files with 152 additions and 172 deletions.
diff --git a/src/components/Button/button.module.scss b/src/components/Button/button.module.scss
@@ -112,6 +112,42 @@
     }
 }
 
+.button1 {
+    // Button 1 (Mobile L)
+    font-family: 'Source Sans Pro', sans-serif;
+    font-weight: $text-font-weight-semibold;
+    font-size: $text-font-size-5;
+    line-height: $text-line-height-3;
+
+    &.open-sans {
+        font-family: 'Open Sans', sans-serif;
+    }
+}
+
+.button2 {
+    // Button 2 (Mobile M, Desktop L)
+    font-family: 'Source Sans Pro', sans-serif;
+    font-weight: $text-font-weight-semibold;
+    font-size: $text-font-size-3;
+    line-height: $text-line-height-2;
+
+    &.open-sans {
+        font-family: 'Open Sans', sans-serif;
+    }
+}
+
+.button3 {
+    // Button 3 (Desktop M)
+    font-family: 'Source Sans Pro', sans-serif;
+    font-weight: $text-font-weight-semibold;
+    font-size: $text-font-size-2;
+    line-height: $text-line-height-1;
+
+    &.open-sans {
+        font-family: 'Open Sans', sans-serif;
+    }
+}
+
 .button-padding-1 {
     padding: $button-padding-vertical-large $button-padding-horizontal-large;
 }
@@ -315,15 +351,15 @@
         width: 1px;
 
         &.split-divider-primary {
-            background-color: var(--button-default-foreground-color);
+            background-color: var(--text-color);
         }
 
         &.split-divider-secondary {
             background-color: var(--button-default-foreground-color);
         }
 
         &.split-divider-primary-disruptive {
-            background-color: var(--white-color);
+            background-color: var(--text-inverse-color);
         }
 
         &.split-divider-secondary-disruptive {