/
vshmidt
/
cloudbeaver
Обзор
Документация
Войти
/
vshmidt
/
cloudbeaver
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
devel
webapp/packages/plugin-tailwindcss-theme/src/styles/ripple.css
38 строк
758 B
sergeyteleshev
[CB] Replace material ui with native css variables and tailwind utilities (#4188)
02 апр 2026, 19:24
Не верифицирован
02 апр 2026, 19:24
ea36247
Код
Авторство
О чём код?
/** * Ripple Effect Utilities * * Provides hover/focus/active feedback using a pseudo-element overlay. * Uses currentColor so it adapts to the parent's text color. */ @layer components { .theme-ripple { @apply tw:relative; &::before { @apply tw:absolute tw:content-[''] tw:opacity-0 tw:top-0 tw:left-0 tw:w-full tw:h-full tw:overflow-hidden tw:bg-[currentColor] tw:rounded-[inherit] tw:pointer-events-none; } &:hover::before { opacity: 0.04; } &:focus::before { opacity: 0.11; } &:active::before { opacity: 0.11; } &[aria-expanded='true']::before { opacity: 0.15; } } .theme-ripple-selectable { &[aria-selected='true']::before { opacity: 0.15; } } }