DESIGN SYSTEM

Global Spacers

Paddings

Utility spacing system - padding classes. [padding-direction] + [padding-size].

Direction Classes

padding-bottom
padding-top
padding-vertical
padding-horizontal
padding-left
padding-right

Size Classes

padding-0
padding-xtiny
padding-tiny
padding-xxsmall
padding-xsmall
padding-small
padding-sm-base
padding-base
padding-sm-medium
padding-medium
padding-plus-medium
padding-large
padding-xlarge
padding-xxlarge
padding-huge
padding-xhuge
padding-xxhuge

Margins

Utility spacing system - padding classes. [margin-direction] + [margin-size].

Direction Classes

margin-bottom
margin-top
margin-vertical
margin-horizontal
margin-left
margin-right

Size Classes

margin-0
margin-xtiny
margin-tiny
margin-xxsmall
margin-xsmall
margin-small
margin-sm-base
margin-base
margin-sm-medium
margin-medium
margin-plus-medium
margin-large
margin-xlarge
margin-xxlarge
margin-huge
margin-xhuge
margin-xxhuge

Spacers

Unified spacer system for the project.

spacer-none
spacer-xtiny
spacer-tiny
spacer-xxsmall
spacer-xsmall
spacer-small
spacer-sm-base
spacer-base
spacer-sm-medium
spacer-medium
spacer-plus-medium
spacer-large
spacer-xlarge
spacer-xxlarge
spacer-huge
spacer-xhuge
spacer-xxhuge

Gap

Unified gap system for the project.

gap-none
gap-xtiny
gap-tiny
gap-xxsmall
gap-xsmall
gap-small
gap-regular
gap-medium
gap-large
gap-xlarge
gap-xxlarge
gap-huge
gap-xhuge
gap-xxhuge