Border

A maioria dos componentes utiliza arredondamento nas bordas, use none para as poucas exceções.

Radius

Token

Valor

border.radius.none
var(--border-radius-none)
$border-radius-none		0
border.radius.xs
var(--border-radius-xs)
$border-radius-xs		4px
border.radius.sm
var(--border-radius-sm)
$border-radius-sm		8px
border.radius.md
var(--border-radius-md)
$border-radius-md		12px
border.radius.lg
var(--border-radius-lg)
$border-radius-lg		24px
border.radius.pill
var(--border-radius-pill)
$border-radius-pill		999px
border.radius.circle
var(--border-radius-circle)
$border-radius-circle		50%