diff --git a/.changeset/tall-chairs-push.md b/.changeset/tall-chairs-push.md new file mode 100644 index 00000000..ddf0ca24 --- /dev/null +++ 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 index 6ea8ba44..ae02718b 100644 --- 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;