Layout
Pages, page headers, section titles, stacks, rows and grids.
Page header and section title
The page header holds the page’s <h1>, with an optional icon tile and description, and its controls at the top right in the actions slot. A section title is an <h2> by default; set level for another.
Stack, row and grid
| Element | What it does |
|---|---|
gw-page |
Centres a page’s content at --gw-content-width, or the narrow width with narrow |
gw-stack |
Stacks its children with the theme’s gap |
gw-row |
Lines its children up and wraps them; nowrap stops that |
gw-grid |
Fills columns at least --gw-grid-min (18rem) wide |
gap="s" or gap="l" changes the gap of a stack, row or grid.