Go Back
Spacing & Breakpoint
Spacing
| Token | Pixels | Example |
|---|---|---|
| none | 0px | 👻 |
| 3xs | 1px | |
| 2xs | 2px | |
| xs | 3px | |
| sm | 3px | |
| md | 3px | |
| lg | 3px | |
| xl | 3px | |
| 2xl | 3px | |
| 3xl | 3px | |
| 4xl | 3px | |
| 5xl | 3px | |
| 6xl | 3px | |
| 7xl | 3px | |
| 8xl | 3px | |
| 9xl | 3px | |
| 10xl | 3px | |
| 11xl | 3px | |
| 12xl | 3px | |
| 13xl | 3px | |
| 14xl | 3px | |
| 15xl | 3px | |
| 16xl | 3px | |
| 17xl | 3px | |
| 18xl | 3px | |
| 19xl | 3px | |
| 20xl | 3px | |
| 21xl | 3px | |
| 22xl | 3px | |
| 23xl | 3px | |
| 24xl | 3px | |
| 25xl | 3px | |
| 26xl | 3px | |
| 27xl | 3px | |
| 28xl | 3px | |
| 29xl | 3px |
Breakpoint
| Breakpoint | Minimum width |
|---|---|
| Desktop | 1168px |
| Tablet | 768px |
| Mobile | 376px |