/
anclaev
/
svadba
Обзор
Документация
Войти
/
anclaev
/
svadba
Код
Запросы
0
Пакеты
0
Релизы
7
Аналитика
Безопасность
develop
apps/web/src/features/timing/index.css
52 строки
871 B
Artem Samarin
feat(web): интеграция анимаций на главную страницу.
20 мар 2025, 05:02
Не верифицирован
20 мар 2025, 05:02
0d92f5a
Код
Авторство
О чём код?
.timing-item, .timing-time { position: relative; --dott-size: 20px; } .timing-time { --dott-size: 20px; --left-margin: -10px; } .timing-time:before, .timing-item:before { content: ''; position: absolute; background-color: var(--color-wheat-500); } .timing-time:before { top: 50%; left: var(--left-margin); transform: translateY(-50%); width: var(--dott-size); height: var(--dott-size); border-radius: 50%; } .timing-item:before { bottom: 50%; left: calc(75px + 39px); } .timing-item:not(:first-child):before { width: 3px; height: calc(var(--spacing) * 10 + 75px); } @media (max-width: 768px) { .timing-time { --dott-size: 12px; --left-margin: -6px; } .timing-item:before { left: calc(50px + 15px); } .timing-item:not(:first-child):before { width: 2px; height: calc(var(--spacing) * 8 + 50px); } }