Add monospace system font stack

Let's add a system font stack for monospace fonts to give monospace
elements a pleasing default font.

This monospace font stack is based on GitHub's Primer design system [1].

[1]: https://github.com/primer/css/blob/main/src/support/variables/typography.scss#L39
This commit is contained in:
Tan Zhen Yong 2021-10-02 19:20:32 +08:00
parent d950cbc9f8
commit 61af66828b
No known key found for this signature in database
GPG key ID: 710D1754497C25B1
2 changed files with 12 additions and 0 deletions

View file

@ -0,0 +1,5 @@
---
"water.css": minor
---
Add monospace system font stack

View file

@ -8,6 +8,13 @@ time {
font-size: 1em;
}
pre,
code,
samp,
kbd {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
}
pre > code {
padding: 10px;
display: block;