Page structure
Defined and flexible core structure we can use on most pages.
page-wrapper
main-wrapper
padding-global
container-xxsmall
container-xsmall
container-medium
container-large
container-xlarge
container-xxlarge
padding-section-small
padding-section-medium
padding-section-large
button-group
Max widths
Use the max-width CSS property to contain inner content to a maximum width.
max-width-full
max-width-full-tablet
max-width-full-mobile-landscape
max-width-full-mobile-portrait
max-width-xlarge
max-width-large
max-width-medium
max-width-small
max-width-xsmall
max-width-16
Spacers
Use spacers to add vertical space between elements.
spacer-micro
spacer-tiny
spacer-xxsmall
spacer-xsmall
spacer-small
spacer-medium
spacer-large
spacer-xlarge
spacer-xxlarge
spacer-huge
spacer-xhuge
spacer-xxhuge
Go to the full version
Next page
Foundations