Layout

.row gives a container vertical padding

.container gives a container horizontal padding and a maximum width

.container.--wide for a bit of extra width

.container.--full for full width

Breakpoints

@include breakpoint(small-mobile
  | mobile
  | tablet-down
  | tablet
  | tablet-up
  | desktop-down
  | desktop
  | desktop-up
  | desktop-hd) {
}

Use .content to display CMS rich text fields.

Use .h1 through .h6 to apply heading styles to site elements.

.text-xs

.text-sm

default

.text-lg

.text-xl

.text-2xl

.text-left

.text-center

.text-right

.color-main

.color-accent

.bg-main

.bg-accent

.mt

.mb

.pt

.pb

Checkbox Checkbox Checkbox

Radio Radio Radio