Spacing
Learn how to control the space between elements in Cerberus.
Spacing tokens can be used to determine the margin or padding of a element or group of elements. The spacing tokens are based on a 4px grid system.
Tokens can be used for any properties that are relative to spacing, such as margin, padding, gap, etc.
Values
| Token | Value | Visual |
|---|---|---|
| none | 0 | |
| xs | 0.25rem | |
| sm | 0.5rem | |
| md | 1rem | |
| lg | 1.5rem | |
| xl | 2rem | |
| 2xl | 3rem | |
| 3xl | 4rem | |
| full | 31.25rem |