Typography (this is a H1)
H2
H3
H4
H5
H6
This is a paragraph in the primary text color. This is a link. It's full of words, and should only be used for words. This is a paragraph. It's full of words, and should only be used for words. This is a paragraph. It's full of words, and should only be used for words. This is a paragraph. It's full of words, and should only be used for words.
This is a paragraph in text color 2. This is a link.It's full of words, and should only be used for words. This is a paragraph. It's full of words, and should only be used for words. This is a paragraph. It's full of words, and should only be used for words. This is a paragraph. It's full of words, and should only be used for words.
This is a paragraph in text color 3. This is a link.It's full of words, and should only be used for words. This is a paragraph. It's full of words, and should only be used for words. This is a paragraph. It's full of words, and should only be used for words. This is a paragraph. It's full of words, and should only be used for words.
This is a note.
If a paragraph is the last element in a container, it does not have a bottom margin.
Containers
Basic Containers
Containers wrap other elements, to provide structure or decoration.
Grid
The grid doesn't have gutters. To add gutters, use a padding class on the column.
Basic Grid
Forms
Form Fields
Form Controls
Modals
Basic Modals
Special Use Modals
Lists
Basic Lists
Lists with a single piece of content per list item.
Action Lists
Lists where each list item is a control, such as navigation lists or a list of options.
Content Lists
These lists have multiple sub-elements in them.