Shadow
Shadow tokens are used for defining the shadow of an element.
Token | Value | Description | |
|---|---|---|---|
--vortex-shadow-0 | 0px 0px 0px 0px rgba(17, 17, 17, 0) | — | |
--vortex-shadow-100 | 0px 1px 4px 0px rgba(17, 17, 17, 0.08) | — | |
--vortex-shadow-200 | 0px 3px 6px -1px rgba(17, 17, 17, 0.12) | — | |
--vortex-shadow-300 | 0px 4px 10px -2px rgba(17, 17, 17, 0.16) | — | |
--vortex-shadow-400 | 0px 8px 16px -4px rgba(17, 17, 17, 0.16) | — | |
--vortex-shadow-500 | 0px 0px 24px -6px rgba(17, 17, 17, 0.2) | — | |
--vortex-shadow-600 | 0px 20px 40px -8px rgba(17, 17, 17, 0.24) | — | |
--vortex-elevation-none | var(--vortex-shadow-0) | — | |
--vortex-elevation-sm | var(--vortex-shadow-100) | — | |
--vortex-elevation-md | var(--vortex-shadow-200) | — | |
--vortex-elevation-lg | var(--vortex-shadow-300) | — |