Border Radius
| Example | Name | Code |
|---|---|---|
.0625em |
Border Radius XSThis is XS-size border radius. |
--as-border-radius-xs |
.1875em |
Border Radius SThis is S-size border radius. |
--as-border-radius-s |
.3125em |
Border RadiusThis is default-size border radius. |
--as-border-radius |
.5em |
Border Radius MThis is M-size border radius. |
--as-border-radius-m |
1em |
Border Radius LThis is L-size border radius. |
--as-border-radius-l |
999px |
Border Radius PILLThis is PILL border radius, for creating pill shaped objects like tags or badges. |
--as-border-radius-pill |
50% |
Border Radius CIRCLEThis is CIRCLE border radius, for creating rounded objects, user avatars or similar. |
--as-border-radius-circle |