Add monospace CSS var (#2566)

* add monospace typography token * fix fallback style * Create tall-chairs-push.md * Update src/support/variables/typography.scss
primer · Feb 13, 2024 · 407c567 · 407c567
1 parent 51666ea
commit 407c567
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/tall-chairs-push.md b/.changeset/tall-chairs-push.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Add `monospace` CSS var to global scss var
diff --git a/src/support/variables/typography.scss b/src/support/variables/typography.scss
@@ -36,7 +36,7 @@ $body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetic
 
 // Monospace font stack
 // Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome
-$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;
+$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;