Skip to content

Spacing ​

The space between and inside things, on one scale.

Each step is a utility: --spacing-4 is p-4, gap-4, mt-4. The named steps at the end are a region's: p-region inside it, p-region-dense in a dense one, gap-region-gap between regions.

TokenSizeSpecimen
--spacing-0\.52px
--spacing-14px
--spacing-1\.56px
--spacing-28px
--spacing-312px
--spacing-416px
--spacing-520px
--spacing-624px
--spacing-832px
--spacing-1040px
--spacing-1144px
--spacing-1248px
--spacing-1664px
--spacing-2080px
--spacing-2496px
--spacing-region20px
--spacing-region-dense16px
--spacing-region-gap12px