Skip to main content

Padding

Use padding utility classes to set padding on all sides, horizontally, vertically, or in individual directions.

Usage​

Padding enums are defined numerically between 0.25em and 4em (following the same sliding scale as dimension enums), with the addition of the none enum.

Padding - All sides​

Compose padding utility classes for all sides as:

padding--[enum]

Padding - Horizontal​

Compose horizontal padding utility classes as:

padding-h--[enum]

Padding - Vertical​

Compose vertical padding utility classes as:

padding-v--[enum]

Padding - Left​

Compose left padding utility classes as:

padding-l--[enum]

Padding - Top​

Compose horizontal padding utility classes as:

padding-t--[enum]

Padding - Right​

Compose horizontal padding utility classes as:

padding-r--[enum]

Padding - Bottom​

Compose horizontal padding utility classes as:

padding-b--[enum]