diff --git a/css/style.css b/css/style.css index bb2badc..f8a4fc1 100644 --- a/css/style.css +++ b/css/style.css @@ -10,8 +10,8 @@ /* variables */ :root { - --font-size: 9pt; - --line-height: 1.25; + --font-size: 12pt; + --line-height: 1.625; --font-family: monospace; /* colors */ @@ -35,10 +35,9 @@ --error-color: var(--red); } -/* wider screens */ -@media (min-width: 120ch) { - :root { - --font-size: 12pt; +@media (orientation: portrait) { + :root { + --font-size: 9pt; } } @@ -100,7 +99,7 @@ h6::before { content: "###### "; } color: var(--md-formatting-color); } -article :is(h2, h3, h4, h5, h6) { +article :is(h1, h2, h3, h4, h5, h6) { margin-top: 2rlh; } @@ -163,9 +162,6 @@ hr::after { color: var(--md-formatting-color); } -:is(ol, ul, menu, dd, li) :is(blockquote, div, figure, hr, menu, ol, p, pre, ul) { - margin-top: unset; -} ul, menu { padding-left: 2ch; @@ -365,7 +361,7 @@ table caption::before { /* footnotes */ a.footnote-ref sup::before { - content: "["; + content: "^["; } a.footnote-ref sup::after { @@ -419,20 +415,8 @@ div.horizontal>* { /* layout */ -body { +main>article { width: min(80ch, round(down, 100vw, 2ch)); - height: round(down, 100vh, 1rlh); margin-left: auto; margin-right: auto; - padding-top: 1rlh; - padding-bottom: 1rlh; -} - -main { - height: 100%; -} - -main>article { - height: 100%; - overflow-y: scroll; }