update monospace fonts to match github

githubnext · Aug 17, 2022 · d83513e · d83513e
1 parent 78f5691
commit d83513e
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 7 deletions.
diff --git a/blocks/file-blocks/code/style.css b/blocks/file-blocks/code/style.css
@@ -15,7 +15,9 @@ body,
   outline: none !important;
 }
 
-.cm-scroller {
+.cm-editor div.cm-scroller {
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
+    Liberation Mono, monospace;
 }
 
 .cm-editor div.cm-scroller {

diff --git a/blocks/file-blocks/json.tsx b/blocks/file-blocks/json.tsx
@@ -57,7 +57,8 @@ export default function (props: FileBlockProps) {
               fontSize: "1.2em",
               lineHeight: "1.2em",
               padding: "2em",
-              fontFamily: "monospace",
+              fontFamily:
+                "ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace",
               whiteSpace: "pre-wrap",
               wordBreak: "break-word",
               wordWrap: "break-word",

diff --git a/blocks/file-blocks/live-markdown/style.css b/blocks/file-blocks/live-markdown/style.css
@@ -112,7 +112,8 @@
 .markdown-body kbd,
 .markdown-body pre,
 .markdown-body samp {
-  font-family: monospace, monospace;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
+    Liberation Mono, monospace;
   font-size: 1em;
 }
 

diff --git a/blocks/file-blocks/markdown-edit/style.css b/blocks/file-blocks/markdown-edit/style.css
@@ -36,7 +36,7 @@ body,
 }
 
 .cm-line {
-  white-space: pre-line;
+  white-space: pre-wrap;
 }
 .cm-line .cm {
   opacity: 0.5;
@@ -206,7 +206,8 @@ html body div.cm-editor .cm-line::selection {
 }
 
 .cm-table {
-  font-family: monospace;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
+    Liberation Mono, monospace;
 }
 .cm-table .cm-instruction {
   display: inline !important;

diff --git a/blocks/file-blocks/markdown-edit/theme.tsx b/blocks/file-blocks/markdown-edit/theme.tsx
@@ -139,7 +139,8 @@ export const highlightStyle = HighlightStyle.define([
   },
   {
     tag: t.monospace,
-    fontFamily: "monospace",
+    fontFamily:
+      "ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace",
     fontSize: "1.1em",
     padding: "0.2em 0.4em",
     backgroundColor: colors.activelineBg,

diff --git a/blocks/file-blocks/use-case/style.css b/blocks/file-blocks/use-case/style.css
@@ -112,7 +112,8 @@
 .markdown-body kbd,
 .markdown-body pre,
 .markdown-body samp {
-  font-family: monospace, monospace;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
+    Liberation Mono, monospace;
   font-size: 1em;
 }