mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-12 08:04:13 +02:00
Code Issues Releases Wiki Activity

Add monospace system font stack

Browse Source 
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
2 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/friendly-meals-cheat.md Normal file
View File

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

7
src/parts/_code.css
View File

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