Grids

Default grid:

Container classes

grid--default

Usage

This grid should be used within each tab-content and page-content element. It is used to ensure that the default spacing between elements is correct.

Thirds grid:

Container classes

grid--thirds

Usage

The thirds grid being used to correctly space action blocks

The thirds grid within a default grid containing action blocks

This grid should be placed within the default grid in order to create a 3 across layout.