Use the same font for interactive code blocks

hasparus · hasparus · commit ebd8a4d01f71 · 2025-09-01T15:18:35.000+02:00
diff --git a/src/components/interactive-code-block/syntax-highlighting.css b/src/components/interactive-code-block/syntax-highlighting.css
@@ -57,7 +57,6 @@
   --cm-hints-active-foreground: #ffffff;
 }
 
-/* CodeMirror 6 Editor Base Styles */
 .cm-editor {
   font-family: inherit;
   font-size: inherit;
@@ -75,6 +74,7 @@
 
   & .cm-scroller {
     line-height: 1.5;
+    font-family: var(--font-mono);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,6 @@`
`57`	`57`	`--cm-hints-active-foreground: #ffffff;`
`58`	`58`	`}`
`59`	`59`
`60`		`-/* CodeMirror 6 Editor Base Styles */`
`61`	`60`	`.cm-editor {`
`62`	`61`	`font-family: inherit;`
`63`	`62`	`font-size: inherit;`
`@@ -75,6 +74,7 @@`
`75`	`74`
`76`	`75`	`& .cm-scroller {`
`77`	`76`	`line-height: 1.5;`
	`77`	`+ font-family: var(--font-mono);`
`78`	`78`	`}`
`79`	`79`	`}`
`80`	`80`