Особенности использованияlink

Для Outline Variant применяются полупрозрачные цвета, что позволяет разместить его поверх различных фонов с разным уровнем контрастности. Таким образом, контур остаётся видимым без усиления визуального шума.

Для работы с ролью Outline используются следующие переменные:

Переменная Значение (light) Значение (dark)
--sf-outline --sf-neutral-50 --sf-neutral-60
--sf-outline-variant --sf-neutral-50--alfa-24 --sf-neutral-90--alfa-24