Foundation
Document root and page chrome, zero classes required: html typography and font features, body padding/max-width/centering, a global reading-measure cap applied to text elements site-wide (not just inside .prose), theme-transition rules, and selection/mark highlights.
| Name | Description |
|---|---|
html |
Root element establishing background color, foreground text color, font smoothing, and smooth scrolling. |
body |
Document container centered at --body-max-width with responsive padding and scroll margins. |
.no-body-margin |
Full-bleed helper applied to <header> or <footer> to extend edge-to-edge past body padding. |
.container-hero |
Hero section container with vertical padding and hairline borders. |
::selection |
Custom highlight selection using subtle yellow background tint and accent text color. |
Full-bleed footer inside a normally-padded body
<footer class="no-body-margin">Full-width footer content</footer>
Live