Spacing

Style guide

Spacing

Margin bottom: 5px - Nano - .mb-xxsmall

Margin bottom: 8px - Mini - .mb-xsmall

Margin bottom: 14px - Small - .mb-small

Margin bottom: 20px - Medium - .mb-medium

Margin bottom: 30px - Large - .mb-large

Margin bottom: 45px - Extra Large - .mb-xlarge

Margin bottom: 70px - Extra Extra Large - .mb-xxlarge

Margin top: 5px - Nano - .mt-xxsmall

Margin top: 8px - Mini - .mt-xsmall

Margin top: 14px - Small - .mt-small

Margin top: 20px - Medium - .mt-medium

Margin top: 30px - Large - .mt-large

Margin top: 45px - Extra Large - .mt-xlarge

Margin top: 70px - Extra Extra Large - .mt-xxlarge

Tablet add-ons

.tablet-mt-16

.tablet-mt-24

.tablet-mt-32

.tablet-mt-40

.tablet-mt-48

.tablet-mt-56

.tablet-mt-64

.tablet-mt-72

.tablet-mb-16

.tablet-mb-24

.tablet-mb-32

.tablet-mb-40

.tablet-mb-48

.tablet-mb-56

.tablet-mb-64

.tablet-mb-72

Mobile add-ons

.mobile-mt-8

.mobile-mt-16

.mobile-mt-24

.mobile-mt-32

.mobile-mt-40

.mobile-mt-48

.mobile-mt-56

.mobile-mt-64

.mobile-mt-72

.mobile-mb-8

.mobile-mb-16

.mobile-mb-24

.mobile-mb-32

.mobile-mb-40

.mobile-mb-48

.mobile-mb-56

.mobile-mb-64

.mobile-mb-72