Spacing
| Token | Value | Length | Use it for |
|---|---|---|---|
space-1 | 0.25rem | Icons with text | |
space-2 | 0.5rem | Gap between chips and inside tight rows (gap-2). | |
space-3 | 0.75rem | Gap in meta rows (gap-3); padding of a compact slab (p-3). | |
space-4 | 1rem | Page gutter on a phone (px-4); gap in a post entry (gap-4); button inline padding. | |
space-6 | 1.5rem | Page gutter from the sm breakpoint (px-6); padding of a slab and a dialog (p-6); inset of the back-to-top button. | |
space-8 | 2rem | Gap between footer columns (gap-8); roomy panel padding (p-8). | |
space-10 | 2.5rem | Vertical rhythm of a post entry (py-10); padding of a large slab (p-10). | |
space-12 | 3rem | Vertical rhythm of a post entry from md (md:py-12). |