Spacing Tokens
Spacing tokens are used to provide consistent spacing between content in your app.
Token | Value | Example |
---|---|---|
--sc-spacing-3x-small |
0.125rem (2px) | |
--sc-spacing-2x-small |
0.25rem (4px) | |
--sc-spacing-x-small |
0.5rem (8px) | |
--sc-spacing-small |
0.75rem (12px) | |
--sc-spacing-medium |
1rem (16px) | |
--sc-spacing-large |
1.25rem (20px) | |
--sc-spacing-x-large |
1.75rem (28px) | |
--sc-spacing-2x-large |
2.25rem (36px) | |
--sc-spacing-3x-large |
3rem (48px) | |
--sc-spacing-4x-large |
4.5rem (72px) |