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

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

Скругления

VariableValuePreviewDescription
--radius-1xcalc(var(--radius) * 1)= 4px-
--radius-1-5xcalc(var(--radius) * 1.5)= 6px-
--radius-2xcalc(var(--radius) * 2)= 8px-
--radius-3xcalc(var(--radius) * 3)= 12px-
--radius-4xcalc(var(--radius) * 4)= 16px-
--radius-5xcalc(var(--radius) * 5)= 20px-
--radius-6xcalc(var(--radius) * 6)= 24px-
--radius-7xcalc(var(--radius) * 7)= 28px-
--radius-8xcalc(var(--radius) * 8)= 32px-
--radius-9xcalc(var(--radius) * 9)= 36px-
--radius-10xcalc(var(--radius) * 10)= 40px-
--radius-11xcalc(var(--radius) * 11)= 44px-
--radius-12xcalc(var(--radius) * 12)= 48px-
--radius-full9999px-
--radius-circle50%-

Обводки

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