Fix website rendering issues on Firefox with -webkit-line-clamp

2026-09-27 00:08:12 +08:00 · 2022-05-12 14:22:43 -07:00
parent 15641a3d2a
commit 6cae6b54b7
4 changed files with 15 additions and 3 deletions
@@ -27,6 +27,7 @@
 		--font-size-link: 20px;
 		--font-size-heading: 32px;
 		--font-size-body: 16px;
+		--page-edge-padding: 28px;
 	}

 	@media screen and (max-width: 500px) {
@@ -45,6 +46,7 @@
 		--font-size-link: 14px;
 		--font-size-heading: 24px;
 		--font-size-body: 16px;
+		--page-edge-padding: 12px;
 	}
 }

@@ -165,6 +167,8 @@ ol + p {
 code {
 	background: var(--color-fog);
 	padding: 0 4px;
+	word-break: break-all;
+	hyphens: none;
 }

 pre {
@@ -577,6 +581,10 @@ hr,
 					box-sizing: border-box;
 					overflow: auto;
 				}
+
+				details {
+					width: 100%;
+				}
 			}

 		}