Spacing & radius

Spacing is a named scale, not an ad-hoc set of pixel values. --xl (24px) is the standard pane padding. Corner radii step from 3–5px; interactive controls use the largest, --radius-lg.

--2xs2px

--xs4px

--s8px

--m14px

--l18px

--xl24px — pane padding

--radius-sm · 3px

--radius-md · 4px

--radius-lg · 5px