wowana.me

website source

commit edf4db150e5a8cfe29f3eb10588045067c538332
parent 69ee9063c5a47a511f5336f4c5c5c2a1555dffd4
Author: opal hart <opal@wowana.me>
Date:   Tue, 31 Mar 2020 02:36:01 +0000

css: set <pre> elements to wrap

kind of annoying that it's hard to tell what is a line break and what's
wrapped text, but if I don't do this then the site looks ugly with <pre>
elements containing long lines. alternative would be to have
overflow-x:scroll but that's equally ugly

Diffstat:
M
out/opal.css
 | 
4
+---

1 file changed, 1 insertion(+), 3 deletions(-)
diff --git a/out/opal.css b/out/opal.css
@@ -97,6 +97,7 @@ main p {
 }
 main pre {
 	text-indent: 0;
+	white-space: pre-wrap;
 }
 main li {
 	margin-bottom: 0.2em;
@@ -178,9 +179,6 @@ table ul {
 	height: 1em;
 	width: 2.211276798em;
 }
-.pre-wrap {
-	white-space: pre-wrap;
-}
 .altnet-permalinks {
 	font-size: smaller;
 	opacity: .5;