Border
Border tokens are used for defining the border of an element.
Token | Value | Description | |
|---|---|---|---|
--vortex-border-border-radius-0 | 0px | - | |
--vortex-border-border-radius-100 | 0.25rem | - | |
--vortex-border-border-radius-150 | 0.375rem | - | |
--vortex-border-border-radius-200 | 0.5rem | - | |
--vortex-border-border-radius-300 | 0.75rem | - | |
--vortex-border-border-radius-400 | 1rem | - | |
--vortex-border-border-radius-500 | 1.25rem | - | |
--vortex-border-border-radius-600 | 1.5rem | - | |
--vortex-border-border-radius-800 | 2rem | - | |
--vortex-border-border-radius-1200 | 3rem | - | |
--vortex-border-border-radius-2000 | 5rem | - | |
--vortex-border-border-radius-2800 | 7rem | - | |
--vortex-border-border-radius-9999 | 9999px | - | |
--vortex-border-border-radius-none | var(--vortex-border-radius-0) | — | |
--vortex-border-border-radius-2xs | var(--vortex-border-radius-100) | — | |
--vortex-border-border-radius-xs | var(--vortex-border-radius-150) | — | |
--vortex-border-border-radius-sm | var(--vortex-border-radius-200) | — | |
--vortex-border-border-radius-md | var(--vortex-border-radius-300) | — | |
--vortex-border-border-radius-lg | var(--vortex-border-radius-400) | — | |
--vortex-border-border-radius-xl | var(--vortex-border-radius-600) | — | |
--vortex-border-border-radius-full | var(--vortex-border-radius-9999) | — | |
--vortex-border-border-radius-button | var(--vortex-border-radius-150) | — | |
--vortex-border-border-radius-input | var(--vortex-border-radius-150) | — | |
--vortex-border-border-width-0 | 0px | — | |
--vortex-border-border-width-25 | 1px | — | |
--vortex-border-border-width-45 | 1.6px | — | |
--vortex-border-border-width-50 | 0.125rem | — | |
--vortex-border-border-width-100 | 0.25rem | — |