Spacing
Spacing scale for margins, paddings, and gaps.
Uses Tailwind CSS default spacing scale. Reference for mapping design values to utility classes.
| Tailwind Class | REM Value | PX Value | Example |
|---|---|---|---|
p-1, m-1 | 0.25rem | 4px | |
p-2, m-2 | 0.5rem | 8px | |
p-3, m-3 | 0.75rem | 12px | |
p-4, m-4 | 1rem | 16px | |
p-5, m-5 | 1.25rem | 20px | |
p-6, m-6 | 1.5rem | 24px | |
p-8, m-8 | 2rem | 32px | |
p-10, m-10 | 2.5rem | 40px | |
p-12, m-12 | 3rem | 48px | |
p-16, m-16 | 4rem | 64px | |
p-20, m-20 | 5rem | 80px | |
p-24, m-24 | 6rem | 96px |