Border
Border radius tokens are used to give sharp edges a more subtle, rounded effect. They use rem units so they scale with the base font size. The pixel values displayed are based on a 16px font size.
| Token | Value | Example |
|---|---|---|
--ahi-border-radius-sharp |
0.125rem (2px) | |
--ahi-border-radius-small |
0.25rem (4px) | |
--ahi-border-radius-medium |
0.5rem (8px) | |
--ahi-border-radius-pill |
9999px | |
--ahi-border-radius-circle |
50% |