Tokens
292 tokens do design system TRDR — primitivos, semânticos e scale.
Scale Spacing
| Token | CSS Variable | Valor Dark | Valor Light | |
|---|---|---|---|---|
scale.spacing.xsExtra small — ícones, gaps mínimos | --spacing-xs | 4px | ||
scale.spacing.smSmall — padding interno compacto | --spacing-sm | 8px | ||
scale.spacing.mdMedium — gap padrão entre elementos | --spacing-md | 12px | ||
scale.spacing.lgLarge — padding padrão de containers | --spacing-lg | 16px | ||
scale.spacing.xlExtra large | --spacing-xl | 20px | ||
scale.spacing.2xl2XL — padding de painéis e cards | --spacing-2xl | 24px | ||
scale.spacing.3xl3XL — gap entre seções | --spacing-3xl | 32px | ||
scale.spacing.3xl-240px | --spacing-3xl-2 | 40px | ||
scale.spacing.3xl-348px | --spacing-3xl-3 | 48px | ||
scale.spacing.3xl-456px — altura do header | --spacing-3xl-4 | 56px | ||
scale.spacing.3xl-796px — padding vertical site | --spacing-3xl-7 | 96px |