/
merulaalba
/
RestoApp
Обзор
Документация
Войти
/
merulaalba
/
RestoApp
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/components/blocks/menu.css
50 строк
981 B
merulaalba
Add modal
19 июл 2026, 16:07
19 июл 2026, 16:07
e01b80c
Код
Авторство
О чём код?
.menu__list { display: grid; grid-template-columns: repeat(4, 304px); gap: var(--main-spacing); } .menu__item { position: relative; background-color: var(--color-neutral-300); border-radius: var(--small-spacing); transition: all var(--transition-duration) ease; } .menu__link { position: relative; display: block; width: 100%; border-radius: var(--small-spacing); overflow: hidden; z-index: 2; &::before { position: absolute; content: ""; inset: 0; width: 100%; height: 100%; background: var(--dark-gradient); border-radius: var(--small-spacing); z-index: 1; } } .menu__category { position: absolute; left: var(--small-spacing); bottom: var(--small-spacing); color: var(--color-neutral-800); font-size: var(--big-text-size); line-height: var(--big-line-height); font-weight: 600; z-index: 2; } .menu__card { margin: 0; width: 19rem; height: 19rem; background-image: var(--dark-gradient); }