Border radius
Border radii are used to give shapes a soft, rounded and more friendly feel. They use rem units so they scale with the base font size. The px values are based on a root of 16px.
| Design token | Default value | Example |
|---|---|---|
--pc-border-radius-s | 0.25rem (4px) | |
--pc-border-radius-m | 0.25rem (8px) | |
--pc-border-radius-l | 0.25rem (12px) | |
--pc-border-radius-xl | 0.25rem (16px) | |
--pc-border-radius-circle | 50% | |
--pc-border-radius-pill | 10000px |