/
Welldar
/
commerce
Обзор
Документация
Войти
/
Welldar
/
commerce
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
app/_components/carousel/carousel.module.css
44 строки
638 B
Welldar
refac: change file name convention
14 май 2024, 13:17
14 май 2024, 13:17
ce9f385
Код
Авторство
О чём код?
.wrapper { --dots-radius: 8px; display: grid; grid-template-rows: calc(100% - var(--dots-radius) * 2) 1fr; } .carousel { position: relative; } .carousel img { width: 100%; height: 100%; object-fit: contain; } .hoveredDivs { position: absolute; inset: 0; display: flex; } .hoveredDivs div { flex-basis: 0; flex-grow: 1; } .dots { display: flex; justify-content: center; align-items: center; gap: 5px; } .dots div { width: var(--dots-radius); height: var(--dots-radius); border-radius: 50%; background-color: hsl(50, 50%, 50%); } .dots .active { background-color: hsl(50deg 85.04% 16.6%); }