Token | Value | Description | |
|---|---|---|---|
--vortex-space-0 | 0px | — | |
--vortex-space-25 | 1px | — | |
--vortex-space-50 | 0.125rem | — | |
--vortex-space-100 | 0.25rem | — | |
--vortex-space-150 | 0.375rem | — | |
--vortex-space-200 | 0.5rem | — | |
--vortex-space-250 | 0.625rem | — | |
--vortex-space-300 | 0.75rem | — | |
--vortex-space-400 | 1rem | — | |
--vortex-space-500 | 1.25rem | — | |
--vortex-space-600 | 1.5rem | — | |
--vortex-space-700 | 1.75rem | — | |
--vortex-space-800 | 2rem | — | |
--vortex-space-1000 | 2.5rem | — | |
--vortex-space-1100 | 2.75rem | — | |
--vortex-space-1200 | 3rem | — | |
--vortex-space-1400 | 3.5rem | — | |
--vortex-space-1600 | 4rem | — | |
--vortex-space-1800 | 4.5rem | — | |
--vortex-space-2000 | 5rem | — | |
--vortex-space-2400 | 6rem | — | |
--vortex-space-2800 | 7rem | — | |
--vortex-space-3200 | 8rem | — | |
--vortex-space-3600 | 9rem | — | |
--vortex-space-4000 | 10rem | — | |
--vortex-space-button-gap | var(--vortex-space-xs) | — | |
--vortex-space-button-padding-sm | var(--vortex-space-sm) | — | |
--vortex-space-button-padding-md | var(--vortex-space-md) | — | |
--vortex-space-padding-2xs | var(--vortex-space-100) | — | |
--vortex-space-padding-xs | var(--vortex-space-200) | — | |
--vortex-space-padding-sm | var(--vortex-space-300) | — | |
--vortex-space-padding-md | var(--vortex-space-400) | — | |
--vortex-space-padding-lg | var(--vortex-space-500) | — | |
--vortex-space-padding-xl | var(--vortex-space-600) | — | |
--vortex-space-padding-2xl | var(--vortex-space-800) | — | |
--vortex-space-padding-3xl | var(--vortex-space-1000) | — | |
--vortex-space-padding-4xl | var(--vortex-space-1200) | — | |
--vortex-space-padding-5xl | var(--vortex-space-1600) | — | |
--vortex-space-padding-7xl | var(--vortex-space-2000) | — | |
--vortex-space-padding-9xl | var(--vortex-space-2800) | — | |
--vortex-space-gap-2xs | var(--vortex-space-100) | — | |
--vortex-space-gap-xs | var(--vortex-space-200) | — | |
--vortex-space-gap-sm | var(--vortex-space-300) | — | |
--vortex-space-gap-md | var(--vortex-space-400) | — | |
--vortex-space-gap-lg | var(--vortex-space-500) | — | |
--vortex-space-gap-xl | var(--vortex-space-600) | — | |
--vortex-space-gap-2xl | var(--vortex-space-800) | — | |
--vortex-space-gap-4xl | var(--vortex-space-1200) | — | |
--vortex-space-gap-5xl | var(--vortex-space-1600) | — | |
--vortex-space-gap-7xl | var(--vortex-space-2000) | — | |
--vortex-space-gap-9xl | var(--vortex-space-2800) | — |
Space
Space tokens are used for defining the space between elements.