Layout
The containers. A section is one full-width band: it owns the background, the padding, the container width and the edge shape. Everything else sits inside one.
Columns
Two, three or four columns, or a narrow column beside a wide one.
Two
Text beside a picture is the common case. The columns can be centred against each other.
A column of words
Each column holds its own stack of blocks, in any order.
Three
Three cards across, one each.
Four
A tight row of short items.
Left sidebar
A narrow column on the left, a wide one on the right.
One setting
Unset is the old look
The wide column
The sidebar keeps its width while this one takes the rest.
Right sidebar
The same thing, mirrored.
The wide column
On a phone the narrow column drops underneath.
Editor-facing
Same markup
Tabs
Six looks for the same tablist. Every guide page on this site is built from them, and they are stacked headings until the script upgrades them, so a blocked bundle still reads.
underline
First
The panel of the first tab.
Second
The panel of the second tab.
Third
The panel of the third tab.
pills
First
The panel of the first tab.
Second
The panel of the second tab.
Third
The panel of the third tab.
folder
First
The panel of the first tab.
Second
The panel of the second tab.
Third
The panel of the third tab.
steps
First
The panel of the first tab.
Second
The panel of the second tab.
Third
The panel of the third tab.
cards
First
The panel of the first tab.
Second
The panel of the second tab.
Third
The panel of the third tab.
rail
First
The panel of the first tab.
Second
The panel of the second tab.
Third
The panel of the third tab.