Class	Description
padding-xxl	Applies padding: var(--space-xxl); to element
padding-xl	Applies padding: var(--space-xl); to element
padding-l	Applies padding: var(--space-l); to element
padding-m	Applies padding: var(--space-m); to element
padding-s	Applies padding: var(--space-s); to element
padding-xs	Applies padding: var(--space-xs); to element
padding-xxs	Applies padding: var(--space-xxs); to element

No Padding

Class	Description
no-padding	Removes padding. Note: !important is used to override specificity issues
no-padding-vertical	Removes padding top and bottom. Note: !important is used to override specificity issues
no-padding-horizontal	Removes padding left and right. Note: !important is used to override specificity issues
no-padding-top	Removes top padding. Note: !important is used to override specificity issues
no-padding-right	Removes right padding. Note: !important is used to override specificity issues
no-padding-bottom	Removes bottom padding. Note: !important is used to override specificity issues
no-padding-left	Removes left padding. Note: !important is used to override specificity issues

Padding Auto

Class	Description
padding-auto	Applies padding: auto; to element
padding-vertical-auto	Applies padding-top: auto; and padding-bottom: auto; to element
padding-horizontal-auto	Applies padding-left: auto; and padding-right: auto; to element
padding-top-auto	Applies padding-top: auto; to element
padding-right-auto	Applies padding-right: auto; to element
padding-bottom-auto	Applies padding-bottom: auto; to element
padding-left-auto	Applies padding-left: auto; to element

Padding Vertical

Class	Description
padding-vertical-xxl	Applies padding-top: var(--space-xxl); and padding-bottom: var(--space-xxl); to element
padding-vertical-xl	Applies padding-top: var(--space-xl); and padding-bottom: var(--space-xl); to element
padding-vertical-l	Applies padding-top: var(--space-l); and padding-bottom: var(--space-l); to element
padding-vertical-m	Applies padding-top: var(--space-m); and padding-bottom: var(--space-m); to element
padding-vertical-s	Applies padding-top: var(--space-s); and padding-bottom: var(--space-s); to element
padding-vertical-xs	Applies padding-top: var(--space-xs); and padding-bottom: var(--space-xs); to element
padding-vertical-xxs	Applies padding-top: var(--space-xxs); and padding-bottom: var(--space-xxs); to element

Padding Horizontal

Class	Description
padding-horizontal-xxl	Applies padding-left: var(--space-xxl); and padding-right: var(--space-xxl); to element
padding-horizontal-xl	Applies padding-left: var(--space-xl); and padding-right: var(--space-xl); to element
padding-horizontal-l	Applies padding-left: var(--space-l); and padding-right: var(--space-l); to element
padding-horizontal-m	Applies padding-left: var(--space-m); and padding-right: var(--space-m); to element
padding-horizontal-s	Applies padding-left: var(--space-s); and padding-right: var(--space-s); to element
padding-horizontal-xs	Applies padding-left: var(--space-xs); and padding-right: var(--space-xs); to element
padding-horizontal-xxs	Applies padding-left: var(--space-xxs); and padding-right: var(--space-xxs); to element

Padding Top

Class	Description
padding-top-xxl	Applies padding-top: var(--space-xxl); to element
padding-top-xl	Applies padding-top: var(--space-xl); to element
padding-top-l	Applies padding-top: var(--space-l); to element
padding-top-m	Applies padding-top: var(--space-m); to element
padding-top-s	Applies padding-top: var(--space-s); to element
padding-top-xs	Applies padding-top: var(--space-xs); to element
padding-top-xxs	Applies padding-top: var(--space-xxs); to element

Padding Right

Class	Description
padding-right-xxl	Applies padding-right: var(--space-xxl); to element
padding-right-xl	Applies padding-right: var(--space-xl); to element
padding-right-l	Applies padding-right: var(--space-l); to element
padding-right-m	Applies padding-right: var(--space-m); to element
padding-right-s	Applies padding-right: var(--space-s); to element
padding-right-xs	Applies padding-right: var(--space-xs); to element
padding-right-xxs	Applies padding-right: var(--space-xxs); to element

Padding Bottom

Class	Description
padding-bottom-xxl	Applies padding-bottom: var(--space-xxl); to element
padding-bottom-xl	Applies padding-bottom: var(--space-xl); to element
padding-bottom-l	Applies padding-bottom: var(--space-l); to element
padding-bottom-m	Applies padding-bottom: var(--space-m); to element
padding-bottom-s	Applies padding-bottom: var(--space-s); to element
padding-bottom-xs	Applies padding-bottom: var(--space-xs); to element
padding-bottom-xxs	Applies padding-bottom: var(--space-xxs); to element

Padding Left

Class	Description
padding-left-xxl	Applies padding-left: var(--space-xxl); to element
padding-left-xl	Applies padding-left: var(--space-xl); to element
padding-left-l	Applies padding-left: var(--space-l); to element
padding-left-m	Applies padding-left: var(--space-m); to element
padding-left-s	Applies padding-left: var(--space-s); to element
padding-left-xs	Applies padding-left: var(--space-xs); to element
padding-left-xxs	Applies padding-left: var(--space-xxs); to element