Skip to content

Instantly share code, notes, and snippets.

@sreez
Created March 6, 2020 12:36
Show Gist options
  • Star 8 You must be signed in to star a gist
  • Fork 8 You must be signed in to fork a gist
  • Save sreez/c624b3e440b66f9d16a9dc39a2297ed1 to your computer and use it in GitHub Desktop.
Save sreez/c624b3e440b66f9d16a9dc39a2297ed1 to your computer and use it in GitHub Desktop.
taiwindcss default list of padding , font size and line height against equivalent pixels for font base 16px
0px 0rem .p-0
4px 0.25rem .p-1
8px 0.5rem .p-2
12px 0.75rem .p-3, .leading-3, .text-xs
14px 0.875rem .text-sm
16px 1rem .p-4, .leading-4, .text-base
18px 1.125rem .text-lg
20px 1.25rem .p-5, .leading-5, .text-xl
24px 1.5rem .p-6, .leading-6, .text-2xl
28px 1.75rem .leading-7
30px 1.875rem .text-3xl
32px 2rem .p-8, .leading-8
36px 2.25rem .leading-9, .text-4xl
40px 2.5rem .p-10, .leading-10
48px 3rem .p-12, .text-5xl
64px 4rem .p-16, .text-6xl
80px 5rem .p-20
96px 6rem .p-24
128px 8rem .p-32
160px 10rem .p-40
192px 12rem .p-48
224px 14rem .p-56
256px 16rem .p-64
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment