diff --git a/style/main.css b/style/main.css index 1fa756e..4940473 100644 --- a/style/main.css +++ b/style/main.css @@ -1,3 +1,6 @@ +:root { + --margin: .5rem; +} :root { --anchor-background: #bbb; --anchor-text: #f00; @@ -60,9 +63,10 @@ html { body { background-color: var(--body-background); color: var(--body-text); - margin-block-start: .5em; + margin-block-start: var(--margin); margin-inline: auto; max-inline-size: 108ch; + min-block-size: calc(100svh - var(--margin)); } a:hover, h2, h3, header { diff --git a/style/reset.css b/style/reset.css index 7bc2626..7dfb624 100644 --- a/style/reset.css +++ b/style/reset.css @@ -14,8 +14,16 @@ html { } body { + hanging-punctuation: first last; + min-block-size: 100svh; } h1, h2, h3, h4, h5, h6 { text-wrap: balance; } + +figcaption, +li, +p { + text-wrap: pretty; +}