Foundations

Borders

Corner radii and border widths

Border radii to soften the corners of surfaces and controls. The full value (100%) turns a square into a circle. Every visible border is 1 px.

Radii

--radius-44px

--radius-88px

--radius-1212px

--radius-full100%

--border-surface1px

Every visible border

--border-interactive2px

Borders you never see