| Variable name | Value |
|---|---|
| $sizes-unit-2 | 2px |
| $sizes-unit-4 | 4px |
| $sizes-unit-8 | 8px |
| $sizes-unit-12 | 12px |
| $sizes-unit-16 | 16px |
| $sizes-unit-24 | 24px |
| $sizes-unit-32 | 32px |
| $sizes-unit-40 | 40px |
| $sizes-unit-48 | 48px |
| $sizes-unit-56 | 56px |
| $sizes-unit-64 | 64px |
| $sizes-unit-72 | 72px |
| $sizes-unit-80 | 80px |
| $sizes-unit-88 | 88px |
| $sizes-unit-96 | 96px |
| $sizes-unit-120 | 120px |
| $sizes-unit-160 | 160px |
| Variable name | Value |
|---|---|
| $sizes-component-topbar-height-mobile | 48px |
| $sizes-component-topbar-height | 56px |
| $sizes-component-menu-collapsed | 72px |
| $sizes-component-panel-header-height | 88px |
| $sizes-component-circle | 24px |
| $sizes-component-image-upload | 208px |
| $sizes-component-timer | |
| $sizes-component-mobile-stepper | 36px |
| $sizes-component-content-section | 2200px |