Spacing
Token | Value (px) | Value (rem) | Example |
---|---|---|---|
spacing-2xs | 4px | 0.25rem | |
spacing-xs | 8px | 0.5rem | |
spacing-s | 12px | 0.75rem | |
spacing-m | 16px | 1rem | |
spacing-l | 24px | 1.5rem | |
spacing-xl | 32px | 2rem | |
spacing-2xl | 48px | 3rem | |
spacing-3xl | 64px | 4rem | |
spacing-4xl | 80px | 5rem |
Token | Value (px) | Value (rem) | Example |
---|---|---|---|
spacing-2xs | 4px | 0.25rem | |
spacing-xs | 8px | 0.5rem | |
spacing-s | 12px | 0.75rem | |
spacing-m | 16px | 1rem | |
spacing-l | 24px | 1.5rem | |
spacing-xl | 32px | 2rem | |
spacing-2xl | 48px | 3rem | |
spacing-3xl | 64px | 4rem | |
spacing-4xl | 80px | 5rem |