Structure

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

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

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