| Example | Value (Px) | Name (Token) |
|---|---|---|
0px | 0 | |
1px | px | |
2px | 0.5 | |
4px | 1 | |
6px | 1.5 | |
8px | 2 | |
10px | 2.5 | |
12px | 3 | |
14px | 3.5 | |
16px | 4 | |
20px | 5 | |
24px | 6 | |
28px | 7 | |
32px | 8 | |
36px | 9 | |
40px | 10 | |
44px | 11 | |
48px | 12 | |
56px | 14 | |
64px | 16 | |
80px | 20 | |
96px | 24 | |
112px | 28 | |
128px | 32 | |
144px | 36 | |
160px | 40 | |
176px | 44 | |
192px | 48 | |
208px | 52 | |
224px | 56 | |
240px | 60 | |
256px | 64 | |
288px | 72 | |
320px | 80 | |
384px | 96 |
Spacing
Tailwind's default spacing config provides the spacing scale for padding, margin, width, minWidth, maxWidth, height, minHeight, maxHeight, gap, inset, space, translate, scrollMargin, and scrollPadding utilities.
This will generate classes like p-10, m-14, and h-96 in addition to all of Tailwind's default spacing/sizing utilities.