Token | Value | Description | |
---|---|---|---|
--umrel-space-0 | 0px | — | |
--umrel-space-25 | 1px | — | |
--umrel-space-50 | 2px | — | |
--umrel-space-100 | 4px | — | |
--umrel-space-150 | 6px | — | |
--umrel-space-200 | 8px | — | |
--umrel-space-250 | 10px | — | |
--umrel-space-300 | 12px | — | |
--umrel-space-400 | 16px | — | |
--umrel-space-500 | 20px | — | |
--umrel-space-600 | 24px | — | |
--umrel-space-700 | 28px | — | |
--umrel-space-800 | 32px | — | |
--umrel-space-1000 | 40px | — | |
--umrel-space-1100 | 44px | — | |
--umrel-space-1200 | 48px | — | |
--umrel-space-1400 | 56px | — | |
--umrel-space-1600 | 64px | — | |
--umrel-space-1800 | 72px | — | |
--umrel-space-2000 | 80px | — | |
--umrel-space-2400 | 96px | — | |
--umrel-space-2800 | 112px | — | |
--umrel-space-3200 | 128px | — | |
--umrel-space-3600 | 144px | — | |
--umrel-space-4000 | 160px | — | |
--umrel-space-button-gap | var(--umrel-space-xs) | — | |
--umrel-space-button-padding-sm | var(--umrel-space-sm) | — | |
--umrel-space-button-padding-md | var(--umrel-space-md) | — | |
--umrel-space-padding-2xs | var(--umrel-space-100) | — | |
--umrel-space-padding-xs | var(--umrel-space-200) | — | |
--umrel-space-padding-sm | var(--umrel-space-300) | — | |
--umrel-space-padding-md | var(--umrel-space-400) | — | |
--umrel-space-padding-lg | var(--umrel-space-500) | — | |
--umrel-space-padding-xl | var(--umrel-space-600) | — | |
--umrel-space-padding-2xl | var(--umrel-space-800) | — | |
--umrel-space-padding-3xl | var(--umrel-space-1000) | — | |
--umrel-space-padding-4xl | var(--umrel-space-1200) | — | |
--umrel-space-padding-5xl | var(--umrel-space-1600) | — | |
--umrel-space-padding-7xl | var(--umrel-space-2000) | — | |
--umrel-space-padding-9xl | var(--umrel-space-2800) | — | |
--umrel-space-gap-2xs | var(--umrel-space-100) | — | |
--umrel-space-gap-xs | var(--umrel-space-200) | — | |
--umrel-space-gap-sm | var(--umrel-space-300) | — | |
--umrel-space-gap-md | var(--umrel-space-400) | — | |
--umrel-space-gap-lg | var(--umrel-space-500) | — | |
--umrel-space-gap-xl | var(--umrel-space-600) | — | |
--umrel-space-gap-2xl | var(--umrel-space-800) | — | |
--umrel-space-gap-4xl | var(--umrel-space-1200) | — | |
--umrel-space-gap-5xl | var(--umrel-space-1600) | — | |
--umrel-space-gap-7xl | var(--umrel-space-2000) | — | |
--umrel-space-gap-9xl | var(--umrel-space-2800) | — |
Space
Space tokens are used for defining the space between elements.