Prevent code elements from messing up things on mobile

bash · bash · commit b5b0895ced6f · 2024-07-11T23:36:48.000+02:00
diff --git a/sass/_typography.scss b/sass/_typography.scss
@@ -63,6 +63,10 @@ time {
 
 code {
     font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+    
+    // We don't want long identifiers such as 'package.metadata.playdate.options' 
+    // introducing a scroll bar on small screens.
+    overflow-wrap: break-word; 
 }
 
 sup {

Original file line number	Diff line number	Diff line change
`@@ -63,6 +63,10 @@ time {`
`63`	`63`
`64`	`64`	`code {`
`65`	`65`	`font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;`
	`66`	`+`
	`67`	`+ // We don't want long identifiers such as 'package.metadata.playdate.options'`
	`68`	`+ // introducing a scroll bar on small screens.`
	`69`	`+ overflow-wrap: break-word;`
`66`	`70`	`}`
`67`	`71`
`68`	`72`	`sup {`