Appearance
Tokens
Last updated: 2025-10-30
Generated automatically from SCSS tokens.
Dimensions
| Token | Value (rem) | Value (px) |
|---|---|---|
| --dimension-8xl | 25rem | 400px |
| --dimension-7xl | 15rem | 240px |
| --dimension-6xl | 7.5rem | 120px |
| --dimension-5xl | 5rem | 80px |
| --dimension-4xl | 4rem | 64px |
| --dimension-2xl | 3rem | 48px |
| --dimension-xl | 2.5rem | 40px |
| --dimension-lg | 2rem | 32px |
| --dimension-md | 1.5rem | 24px |
| --dimension-sm | 1rem | 16px |
| --dimension-xxxs | 0.125rem | 2px |
Radius
| Token | Value (rem) | Value (px) |
|---|---|---|
| --radius-xxs | 0.0625rem | 1px |
| --radius-xs | 0.125rem | 2px |
| --radius-sm | 0.25rem | 4px |
| --radius-md | 0.5rem | 8px |
| --radius-lg | 0.75rem | 12px |
| --radius-xl | 1rem | 16px |
| --radius-hg | 2rem | 32px |
| --radius-full | 62.5rem | 1000px |
Spacing
| Token | Value (rem) | Value (px) |
|---|---|---|
| --spacing-xxxs | 0.125rem | 2px |
| --spacing-xxs | 0.25rem | 4px |
| --spacing-xs | 0.5rem | 8px |
| --spacing-sm | 1rem | 16px |
| --spacing-md | 1.5rem | 24px |
| --spacing-lg | 2rem | 32px |
| --spacing-xl | 2.5rem | 40px |
| --spacing-2xl | 3rem | 48px |
| --spacing-4xl | 4rem | 64px |
| --spacing-5xl | 5rem | 80px |