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) { }
Typography
Use .content
to display CMS rich text fields.
Use .h1
through .h6
to apply heading styles to site elements.
Utilities
Forms