web: the shell fills the viewport, prose keeps its measure !74
1 file changed, +6 −2
Layout: unified · split
internal/web/static/style.css +6 −2
| @@ -281,7 +281,6 @@ a.railuser { display: inline-flex; align-items: center; gap: var(--sp-2); } | |||
| 281 | .content { | 281 | .content { |
| 282 | flex: 1; | 282 | flex: 1; |
| 283 | padding: var(--sp-5) var(--sp-5) var(--sp-6); | 283 | padding: var(--sp-5) var(--sp-5) var(--sp-6); |
| 284 | max-width: 78rem; | ||
| 285 | width: 100%; | 284 | width: 100%; |
| 286 | } | 285 | } |
| 287 | 286 | ||
| @@ -729,6 +728,12 @@ button.linklike:hover { text-decoration: underline; filter: none; } | |||
| 729 | 728 | ||
| 730 | /* rendered markdown / org / html */ | 729 | /* rendered markdown / org / html */ |
| 731 | .rendered { max-width: 100%; overflow-wrap: anywhere; } | 730 | .rendered { max-width: 100%; overflow-wrap: anywhere; } |
| 731 | /* line length is a reading constraint, so it applies to prose only — | ||
| 732 | tables, code blocks and images keep the full column */ | ||
| 733 | .rendered > p, | ||
| 734 | .rendered > ul, | ||
| 735 | .rendered > ol, | ||
| 736 | .rendered > blockquote { max-width: 78ch; } | ||
| 732 | .rendered pre { | 737 | .rendered pre { |
| 733 | background: var(--code-bg); | 738 | background: var(--code-bg); |
| 734 | border: 1px solid var(--line); | 739 | border: 1px solid var(--line); |
| @@ -1111,7 +1116,6 @@ button:hover { filter: brightness(1.15); } | |||
| 1111 | footer { | 1116 | footer { |
| 1112 | border-top: 1px solid var(--faint); | 1117 | border-top: 1px solid var(--faint); |
| 1113 | padding: var(--sp-4) var(--sp-5) var(--sp-5); | 1118 | padding: var(--sp-4) var(--sp-5) var(--sp-5); |
| 1114 | max-width: 78rem; | ||
| 1115 | width: 100%; | 1119 | width: 100%; |
| 1116 | color: var(--muted); | 1120 | color: var(--muted); |
| 1117 | font-size: var(--fs-1); | 1121 | font-size: var(--fs-1); |