try no calc

primer · Sep 13, 2024 · 91e7541 · 91e7541
1 parent 0a8c4ce
commit 91e7541
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/react/src/Button/ButtonBase.module.css b/packages/react/src/Button/ButtonBase.module.css
@@ -128,7 +128,7 @@
   }
 
   & .Label {
-    line-height: calc(20 / 14); /* temporary until we use Text component with --text-body-lineHeight-medium */
+    line-height: 1.42857; /* temporary until we use Text component with --text-body-lineHeight-medium */
     white-space: nowrap;
     grid-area: text;
   }
@@ -156,7 +156,7 @@
     }
 
     & .Label {
-      line-height: calc(20 / 12); /* temporary until we use Text component with --text-body-lineHeight-small */
+      line-height: 1.66667; /* temporary until we use Text component with --text-body-lineHeight-small */
     }
   }
 

diff --git a/packages/react/src/Button/styles.ts b/packages/react/src/Button/styles.ts
@@ -299,7 +299,7 @@ export const getBaseStyles = (theme?: Theme) => ({
     fontSize: '0',
 
     '[data-component="text"]': {
-      lineHeight: 'calc(20 / 12)',
+      lineHeight: '1.66667',
     },
 
     '[data-component=ButtonCounter]': {
@@ -385,7 +385,7 @@ export const getButtonStyles = (theme?: Theme) => {
     },
     '[data-component="text"]': {
       gridArea: 'text',
-      lineHeight: 'calc(20/14)',
+      lineHeight: '1.42857',
       whiteSpace: 'nowrap',
     },
     '[data-component="trailingVisual"]': {