Layout

Grid 5.1

Grid is defined in the layout package. View the Layout package on github.

Container Grid 5.1.1

Grid is defined in the layout package. View the Layout package on github.

Container Grid (dynamic) 5.1.2

Grid is defined in the layout package. View the Layout package on github.

Grid (Dynamic) 5.1.3

Open in new window

Page 5.2

View the Page package on github.

Page with Sidebar 5.3

Open in new window

Section 5.4

Sections are defined in the Layout package. View the Layout package on github. Sections are containers for other components to be placed in. They look after responsive vertical spacing, max-container-width, background colors, and grid column gap. They act as rows for content.

Section Background 5.4.1

Open in new window

Sections breakouts 5.5

Open in new window

Sections flows & groups 5.6

Open in new window

Sections stacked 5.7

Open in new window