Default to CSS variable values for typography

primer · Jan 13, 2025 · 029605d · 029605d
1 parent 7243b3e
commit 029605d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/support/variables/typography.scss b/src/support/variables/typography.scss
@@ -18,7 +18,7 @@ $h4-size: 16px !default;
 $h5-size: 14px !default;
 $h6-size: 12px !default;
 
-$font-size-small: 12px !default;
+$font-size-small: var(--text-body-size-small, 12px) !default;
 
 // Font weights
 $font-weight-bold: var(--base-text-weight-semibold, 600) !default;
@@ -29,7 +29,7 @@ $font-weight-light: var(--base-text-weight-light, 300) !default;
 // Line heights
 $lh-condensed-ultra: 1 !default;
 $lh-condensed: 1.25 !default;
-$lh-default: 1.5 !default;
+$lh-default: var(--text-body-lineHeight-medium, 1.4285) !default;
 
 // Font stacks
 $body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !default;
@@ -39,5 +39,5 @@ $body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetic
 $mono-font: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace) !default;
 
 // The base body size
-$body-font-size: 14px !default;
+$body-font-size: var(--text-body-size-medium, 14px) !default;
 $body-line-height: $lh-default !default;