Repository navigation
v0.41.1
Pre-releaseEvery page answers the screen the same way
A series is one document in two shapes — the index that lists it and the articles that are it — and you move between them by clicking. The two adapted to the screen differently, at both ends of the scale, and neither page looked wrong on its own.
The index carried its layout inline, in a style attribute on <body>: a place the theme engine cannot reach and no media query can override.
Wide screens. A fixed cap of 1200px sat beside a padding in vw, so the index got narrower as the screen got wider while the article got wider. Measured, index against article: 970 against 1210 at 1440, 893 against 1613 at 1920, 790 against 2150 at 2560.
Phones. The breakpoint turns .slide down to 40px/24px, and an inline style outranks it, so a 390-wide phone gave the index 31px of side padding against the article's 24.
The body now carries a class, and its rule lives in the composed sheet beside the .slide rules it has to agree with. Both resolve page.content-max, both turn at the same breakpoint. Measured after: identical column and identical padding at 390, 600, 900, 1440, 1920, 2560 and 3840 — and setting page.content-max in settings.conf now moves the index too, which it never did.
Rebuild a series to get it. Nothing to change in your files.