Spacing Properties
Spacing units that set a consistent approach to white space in and around elements in the user interface.
| CSS Vars | Editable In | Value | Comments |
|---|---|---|---|
var(--space-xxs) | settings/ui.scss | 3px • 0.1875rem | Tiny spacing unit. |
var(--space-xs) | 6px • 0.375rem | Extra small spacing unit. | |
var(--space-sm) | 12px • 0.75rem | Small spacing unit. | |
var(--space-md) | 18px • 1.125rem | Medium spacing unit. | |
var(--space) | 24px • 1rem | Standard spacing unit. | |
var(--space-lg) | 36px • 2.25rem | Large spacing unit. | |
var(--space-xl) | 48px • 3rem | Large spacing unit. | |
var(--space-2xl) | 72px • 4.5rem | Extra large spacing unit. | |
var(--space-3xl) | 96px • 6rem | Extra large x2 spacing unit. | |
var(--space-4xl) | 120px • 7.5rem | Extra large x3 spacing unit. |