Brackets

Purpose

Brackets support the main content of the page by providing additional information.

Example

Brackets Small
Brackets Medium
Brackets Large

Description

Brackets are small portions of content, laid out in a horizontal grid.

See live example on the homepage

Elements

Brackets always has:

Optionally it can have (as shown in the variant below):

Variants

Brackets with icons

bracket-withicons-small.png
bracket-withicons-medium
bracket-withicons-large

Large brackets

This is a large version of brackets module that can accommodate more than three columns.

Largebrackets320
Largebrackets680
Largebrackets1280

Modifier

In standard use, we tend to have 3 elements in brackets. We needed to add a 4th element, so have added a modifier .m-brackets--grid to allow the elements to stack for iPad portrait breakpoint.

Added by: