Spacing
Spacing is used to provide consistent gaps between content in your app.
| Token | Default value | Example |
|---|---|---|
--pc-spacing-xxxs | 0.0625rem (1px) | |
--pc-spacing-xxs | 0.125rem (2px) | |
--pc-spacing-xs | 0.25rem (4px) | |
--pc-spacing-s | 0.5rem (8px) | |
--pc-spacing-m | 0.75rem (12px) | |
--pc-spacing-l | 1rem (16px) | |
--pc-spacing-xl | 1.25rem (20px) | |
--pc-spacing-xxl | 1.75rem (28px) | |
--pc-spacing-xxxl | 2.25rem (36px) | |
--pc-spacing-xxxxl | 3rem (48px) | |
--pc-spacing-xxxxxl | 4.5rem (72px) |