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