From 0ebe7d5053881ad2d7307fc66b3dfd0be836d82a Mon Sep 17 00:00:00 2001
From: Jeff Kreeftmeijer <jeffkreeftmeijer@gmail.com>
Date: Wed, 4 Aug 2021 23:04:03 +0200
Subject: [PATCH] Add SFMono-Regular to code block font stack

To use SF Mono on Chrome, this patch adds `SFMono-Regular` to the
`<pre>`, `<code>` and `<kbd>` font stack.
---
 README.md       | 8 ++++----
 enough.code.css | 2 +-
 enough.min.css  | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index cf25967..a45e012 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@ blog of yours.
 The base stylesheet is **183 bytes** minified. It comes with optional modules
 to (minimally) style code blocks and tables. It's responsive by default, but
 has a module to decrease font sizes on smaller screens for extra
-responsiveness. The whole package is **463 bytes** minified.
+responsiveness. The whole package is **478 bytes** minified.
 
 [![enough.css](screenshot.png)](https://jeffkreeftmeijer.github.io/enough.css/)
 
@@ -38,9 +38,9 @@ other, but [cssnano](https://cssnano.co) takes them out when minifying.
 ## enough.code.css
 
 - Uses a `smaller` font-size in `<pre>` tags
-- Uses `ui-monospace` (which is SF Mono on [Safari ≥ 13.1](https://caniuse.com/extended-system-fonts))
-  or Monaco as the font in `<pre>`, `<code>`, and `<kbd>` tags, or falls back
-  to the system's monospace font
+- Uses `ui-monospace` (which is SF Mono on [Safari ≥ 13.1](https://caniuse.com/extended-system-fonts)),
+  `SFMono-Regular` (SF Mono on Chrome) or Monaco as the font in `<pre>`,
+  `<code>`, and `<kbd>` tags, or falls back to the system's monospace font
 - Adds an overflow to `<pre>` tags so long lines show horizontal scroll bars
 - Adds a 1em padding to `<pre>` tags
 - Adds a `ghostwhite` background color to `<pre>` tags
diff --git a/enough.code.css b/enough.code.css
index deced62..af675c6 100644
--- a/enough.code.css
+++ b/enough.code.css
@@ -1,5 +1,5 @@
 code,kbd,pre{
-  font-family: ui-monospace, Monaco, monospace;
+  font-family: ui-monospace, SFMono-Regular, Monaco, monospace;
 }
 pre{
   background-color: ghostwhite;
diff --git a/enough.min.css b/enough.min.css
index 8acf953..a212c07 100644
--- a/enough.min.css
+++ b/enough.min.css
@@ -1 +1 @@
-body{font:22px/1.6 system-ui,sans-serif;margin:auto;max-width:35em;padding:0 1em}img,video{max-width:100%;height:auto}@media (max-width:1140px){body{font-size:20px}}@media (max-width:740px){body{font-size:18px}}@media (max-width:466px){body{font-size:16px}}code,kbd,pre{font-family:ui-monospace,Monaco,monospace}pre{background-color:#f8f8ff;font-size:smaller;overflow:auto;padding:1em}table{border-collapse:collapse;width:100%}td,th{padding:.5em;border:1px solid}
\ No newline at end of file
+body{font:22px/1.6 system-ui,sans-serif;margin:auto;max-width:35em;padding:0 1em}img,video{max-width:100%;height:auto}@media (max-width:1140px){body{font-size:20px}}@media (max-width:740px){body{font-size:18px}}@media (max-width:466px){body{font-size:16px}}code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Monaco,monospace}pre{background-color:#f8f8ff;font-size:smaller;overflow:auto;padding:1em}table{border-collapse:collapse;width:100%}td,th{padding:.5em;border:1px solid}
\ No newline at end of file