💪 Size

Size

Token and description	Value	Preview
`size-0` Use for resetting default size.	0px
`size-1` Use for small and compact pieces of UI.	4px
`size-2` Use for small and compact pieces of UI.	8px
`size-3` Use for small and compact pieces of UI.	12px
`size-4` Use for small and compact pieces of UI.	16px
`size-5` Use for larger and less dense pieces of UI.	20px
`size-6` Use for larger and less dense pieces of UI.	24px
`size-7` Use for larger and less dense pieces of UI.	28px
`size-8` Use for larger and less dense pieces of UI.	32px
`size-9` Use for larger and less dense pieces of UI.	36px
`size-10` Use for larger and less dense pieces of UI.	40px
`size-11` Use for larger and less dense pieces of UI.	44px
`size-12` Use for larger and less dense pieces of UI.	48px
`size-14` Use for larger and less dense pieces of UI.	56px
`size-16` Use for larger and less dense pieces of UI.	64px
`size-20` Use for larger and less dense pieces of UI.	80px
`size-24` Use for the largest pieces of UI and for layout elements.	96px
`size-28` Use for the largest pieces of UI and for layout elements.	112px
`size-32` Use for the largest pieces of UI and for layout elements.	128px
`size-36` Use for the largest pieces of UI and for layout elements.	144px
`size-40` Use for the largest pieces of UI and for layout elements.	160px
`size-44` Use for the largest pieces of UI and for layout elements.	176px
`size-48` Use for the largest pieces of UI and for layout elements.	192px
`size-52` Use for the largest pieces of UI and for layout elements.	208px
`size-56` Use for the largest pieces of UI and for layout elements.	224px
`size-60` Use for the largest pieces of UI and for layout elements.	240px
`size-64` Use for the largest pieces of UI and for layout elements.	256px
`size-72` Use for the largest pieces of UI and for layout elements.	288px
`size-80` Use for the largest pieces of UI and for layout elements.	320px
`size-96` Use for the largest pieces of UI and for layout elements.	384px

📐 Space 🚧 Border