Цвет оформления текста
text-decoration-colorhoverfocusactive
Таблица классов
| Класс | Значение |
|---|---|
.decoration-primary |
text-decoration-color: var(--sf-outline-primary); |
.decoration-secondary |
text-decoration-color: var(--sf-outline-secondary); |
.decoration-tertiary |
text-decoration-color: var(--sf-outline-tertiary); |
.decoration-error |
text-decoration-color: var(--sf-outline-error); |
.decoration-warning |
text-decoration-color: var(--sf-outline-warning); |
.decoration-success |
text-decoration-color: var(--sf-outline-success); |
Пример
<p class="underline decoration-primary">Primary underline</p>
<p class="underline decoration-warning">Warning underline</p>