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