31 lines
904 B
Markdown
31 lines
904 B
Markdown
# Layout Guidelines
|
|
|
|
This section presents the design tokens used throughout the VUER UI Kit, focusing on spacing and border radius values.
|
|
|
|
## Spacing Scale
|
|
|
|
The spacing system uses a 4px base unit to ensure consistent spacing across the interface.
|
|
|
|
| Variable | Value |
|
|
|----------|-------|
|
|
| `--spacing-xxs` | 2px |
|
|
| `--spacing-xs` | 4px |
|
|
| `--spacing-sm` | 6px |
|
|
| `--spacing-md` | 8px |
|
|
| `--spacing-lg` | 12px |
|
|
| `--spacing-xl` | 16px |
|
|
|
|
## Border Radius Scale
|
|
|
|
The border radius system provides standardized rounded corners for components throughout the design system.
|
|
|
|
| Variable | Value |
|
|
|----------|-------|
|
|
| `--radius-uk-xs` | 4px |
|
|
| `--radius-uk-sm` | 6px |
|
|
| `--radius-uk-md` | 8px |
|
|
| `--radius-uk-lg` | 12px |
|
|
| `--radius-uk-xl` | 16px |
|
|
|
|
These design tokens serve as foundational building blocks for creating visual consistency and maintaining rhythm within VUER UI Kit components.
|