Border Radius
Defines the roundness of the corners of an element.
Token
CSS Variable
Value
Preview
$border-radius-none
--sl-border-radius-none
0rem
$border-radius-small
--sl-border-radius-small
0.25rem
$border-radius-medium
--sl-border-radius-medium
0.5rem
$border-radius-large
--sl-border-radius-large
0.75rem
$border-radius-full
--sl-border-radius-full
100%