From 61af66828b38e6163a2b7bdecd20079d4bed4b0b Mon Sep 17 00:00:00 2001
From: Tan Zhen Yong <Xenonym@users.noreply.github.com>
Date: Sat, 2 Oct 2021 19:20:32 +0800
Subject: [PATCH] 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
---
 .changeset/friendly-meals-cheat.md | 5 +++++
 src/parts/_code.css                | 7 +++++++
 2 files changed, 12 insertions(+)
 create mode 100644 .changeset/friendly-meals-cheat.md

diff --git a/.changeset/friendly-meals-cheat.md b/.changeset/friendly-meals-cheat.md
new file mode 100644
index 0000000..6fc2591
--- /dev/null
+++ b/.changeset/friendly-meals-cheat.md
@@ -0,0 +1,5 @@
+---
+"water.css": minor
+---
+
+Add monospace system font stack
diff --git a/src/parts/_code.css b/src/parts/_code.css
index 166fe1d..80262d4 100644
--- a/src/parts/_code.css
+++ b/src/parts/_code.css
@@ -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;