Foundations

Corner radius

3 tokens

Responsive radii: larger on desktop, tighter on mobile.

Loading saved values…

Radius desktop--ds-radius-lg

Images and containers on desktop — 16px

rem(16px)

Radius tablet--ds-radius-md

Images and containers on tablet — 12px

rem(12px)

Radius mobile--ds-radius-sm

Images and containers on mobile — 8px

rem(8px)