Dimension scale
A consistent scaling system helps establish visual rhythm and makes it easier to create simple page layouts and user interfaces that are easy to understand.
| Name | Detail |
|---|---|
| scale-0 | 0px |
| scale-1 | 1px |
| scale-2 | 2px |
| scale-3 | 4px |
| scale-4 | 6px |
| scale-5 | 8px |
| scale-6 | 12px |
| scale-7 | 16px |
| scale-8 | 20px |
| scale-9 | 24px |
| scale-10 | 32px |
| scale-11 | 40px |
| scale-12 | 48px |
| scale-13 | 56px |
| scale-14 | 64px |
| scale-15 | 80px |
| scale-16 | 96px |
| scale-infinite | 9999px |