From 5f49ea1ed18fbf5d10b4c2568352de3011c629e4 Mon Sep 17 00:00:00 2001 From: Isaac Mills Date: Sun, 21 Apr 2024 18:31:58 -0400 Subject: [PATCH] Huge readability improvements --- templates/css/compute-c23f91.webflow.css | 30 +++++++++++++++++++++--- 1 file changed, 27 insertions(+), 3 deletions(-) diff --git a/templates/css/compute-c23f91.webflow.css b/templates/css/compute-c23f91.webflow.css index 24cf453..55a5fba 100644 --- a/templates/css/compute-c23f91.webflow.css +++ b/templates/css/compute-c23f91.webflow.css @@ -1,6 +1,7 @@ :root { --white: white; --black: black; + --gap: calc(1rem * 18 / 16); } .w-layout-vflex { @@ -47,10 +48,35 @@ article { display: flex; flex-direction: column; align-items: center; + margin: 25px; + gap: var(--gap); } -article>* { +.content section { + display: flex; + flex-direction: column; + gap: var(--gap); + word-wrap: break-word; + margin-top: calc(2 * var(--gap)); + margin-bottom: 0; +} + +.content img { + margin: var(--gap) 0; +} + +.content ul, +.content ol { + display: flex; + flex-direction: column; + padding: 0 0 0 2em; +} + + +.content * { line-height: 1.5; + margin: 0 0; + padding: 0 0; } h1 { @@ -60,8 +86,6 @@ h1 { } p { - margin-bottom: 10px; - margin-top: 10px; font-size: 18px; }