Скругления и обводки

Радиусы растут от того же шага 4px; крайние значения — --radius-full (таблетка) и --radius-circle (круг). Стандартная рамка --border-main-1x собрана из толщины и цвета --theme-border темы.

Скругления

VariableValuePreviewDescription
--radius-1xcalc(var(--radius) * 1)= 4px-
--radius-1-5xcalc(var(--radius) * 1.5)= 6px4px
--radius-2xcalc(var(--radius) * 2)= 8px6px
--radius-3xcalc(var(--radius) * 3)= 12px8px
--radius-4xcalc(var(--radius) * 4)= 16px12px
--radius-5xcalc(var(--radius) * 5)= 20px16px
--radius-6xcalc(var(--radius) * 6)= 24px20px
--radius-7xcalc(var(--radius) * 7)= 28px24px
--radius-8xcalc(var(--radius) * 8)= 32px28px
--radius-9xcalc(var(--radius) * 9)= 36px32px
--radius-10xcalc(var(--radius) * 10)= 40px36px
--radius-11xcalc(var(--radius) * 11)= 44px40px
--radius-12xcalc(var(--radius) * 12)= 48px44px
--radius-full9999px48px
--radius-circle50%-

Обводки

VariableValuePreviewDescription
--border-sizevar(--base, 4px)= 4px-
--border-main-1xcalc(var(--border-size) / 4) solid var(--theme-border)-