Цвет тени элемента (box-shadow-color)
https://dev.ru.simai.io/ru/ui/utility/shadow/box-shadow-color.php
Утилиты задают цвет тени в состояниях default, hover, active.
Таблица классов
| Класс | Значение |
|---|---|
.shadow-{color} |
цвет тени в базовом состоянии |
.hover:shadow-{color} |
цвет тени в :hover |
.active:shadow-{color} |
цвет тени в :active |
Поддерживаемые color: on-surface, primary, secondary, tertiary, error, success, warning.
Синтаксис
shadow-{color}hover:shadow-{color}active:shadow-{color}
Пример
<button class="shadow-2 shadow-primary hover:shadow-warning active:shadow-error p-2 radius-2 border border-outline-variant">
Shadow color states
</button>