Skip to content

Instantly share code, notes, and snippets.

@crswll
Last active July 19, 2020 13:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save crswll/5d91b14373f53d66317e407bbba6d3dd to your computer and use it in GitHub Desktop.
Save crswll/5d91b14373f53d66317e407bbba6d3dd to your computer and use it in GitHub Desktop.
The spacing table from https://tailwindcss.com/docs/customizing-spacing/ nothing skipped.

Tailwind Spacing

Essentially filling in the gaps at https://tailwindcss.com/docs/customizing-spacing/#default-spacing-scale

name rem px
0 0rem 0px
1 0.25rem 4px
2 0.5rem 8px
3 0.75rem 12px
4 1rem 16px
5 1.25rem 20px
6 1.5rem 24px
7 1.75rem 28px
8 2rem 32px
9 2.25rem 36px
10 2.5rem 40px
11 2.75rem 44px
12 3rem 48px
13 3.25rem 52px
14 3.5rem 56px
15 3.75rem 60px
16 4rem 64px
17 4.25rem 68px
18 4.5rem 72px
19 4.75rem 76px
20 5rem 80px
21 5.25rem 84px
22 5.5rem 88px
23 5.75rem 92px
24 6rem 96px
25 6.25rem 100px
26 6.5rem 104px
27 6.75rem 108px
28 7rem 112px
29 7.25rem 116px
30 7.5rem 120px
31 7.75rem 124px
32 8rem 128px
33 8.25rem 132px
34 8.5rem 136px
35 8.75rem 140px
36 9rem 144px
37 9.25rem 148px
38 9.5rem 152px
39 9.75rem 156px
40 10rem 160px
41 10.25rem 164px
42 10.5rem 168px
43 10.75rem 172px
44 11rem 176px
45 11.25rem 180px
46 11.5rem 184px
47 11.75rem 188px
48 12rem 192px
49 12.25rem 196px
50 12.5rem 200px
51 12.75rem 204px
52 13rem 208px
53 13.25rem 212px
54 13.5rem 216px
55 13.75rem 220px
56 14rem 224px
57 14.25rem 228px
58 14.5rem 232px
59 14.75rem 236px
60 15rem 240px
61 15.25rem 244px
62 15.5rem 248px
63 15.75rem 252px
64 16rem 256px
65 16.25rem 260px
66 16.5rem 264px
67 16.75rem 268px
68 17rem 272px
69 17.25rem 276px
70 17.5rem 280px
71 17.75rem 284px
72 18rem 288px
73 18.25rem 292px
74 18.5rem 296px
75 18.75rem 300px
76 19rem 304px
77 19.25rem 308px
78 19.5rem 312px
79 19.75rem 316px
80 20rem 320px
81 20.25rem 324px
82 20.5rem 328px
83 20.75rem 332px
84 21rem 336px
85 21.25rem 340px
86 21.5rem 344px
87 21.75rem 348px
88 22rem 352px
89 22.25rem 356px
90 22.5rem 360px
91 22.75rem 364px
92 23rem 368px
93 23.25rem 372px
94 23.5rem 376px
95 23.75rem 380px
96 24rem 384px
97 24.25rem 388px
98 24.5rem 392px
99 24.75rem 396px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment