/
merulaalba
/
RestoApp
Обзор
Документация
Войти
/
merulaalba
/
RestoApp
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/components/blocks/bubble.css
51 строка
979 B
merulaalba
Add modal
19 июл 2026, 16:07
19 июл 2026, 16:07
e01b80c
Код
Авторство
О чём код?
@keyframes slideOutLeft { 0% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(-100%); opacity: 0; } } .bubble { padding: 12px 0; display: flex; align-items: center; justify-content: center; column-gap: 12px; font-size: var(--medium-text-size); line-height: var(--medium-line-height); font-weight: 600; color: var(--color-neutral-800); background-color: var(--color-neutral-100); text-align: center; .bubble__close { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: var(--color-neutral-800); background: var(--color-neutral-200); border: none; border-radius: 50%; cursor: pointer; transition: all var(--transition-duration) ease-in-out; &:hover .bubble__img { color: var(--badge-active); } } &.is-closing { animation: slideOutLeft 0.7s forwards; cursor: wait; } } .hidden { display: none; }