Corners

Corner radius in eleven steps, from none to full. Controls keep one radius at every breakpoint so a button never changes under your finger; surfaces such as cards, panels and sheets soften on smaller screens. Full makes pills, dots and avatars.

Radius steps

Bind rounded/* to the four corners; never type a radius. rounded/full is for pills, dots and avatars.