Tokens / Size
Size
Use the same size scale for heights and widths.
| Token and description | Value | Preview |
|---|---|---|
0px | ||
1px | ||
0.125rem2px | ||
0.25rem4px | ||
0.375rem6px | ||
0.5rem8px | ||
0.75rem12px | ||
1rem16px | ||
1.25rem20px | ||
1.5rem24px | ||
1.75rem28px | ||
2rem32px | ||
2.25rem36px | ||
2.5rem40px | ||
2.75rem44px | ||
3rem48px | ||
3.5rem56px | ||
4rem64px | ||
5rem80px | ||
6rem96px | ||
7rem112px | ||
8rem128px |