/
alt3rmann
/
graphql-engine
Обзор
Документация
Войти
/
alt3rmann
/
graphql-engine
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/src/theme/NotFound/styles.module.scss
74 строки
1 KB
Sean Park-Ross
Docs: Add link to homepage on docs 404
28 июн 2023, 17:35
28 июн 2023, 17:35
308ad0c
Код
Авторство
О чём код?
.content { display: flex; gap: 40px; align-items: center; padding: 2rem; animation: fadeIn 0.5s ease-in-out; @media (max-width: 900px) { flex-direction: column; } } .homeLink { margin-bottom: 1rem; font-weight: bold; } .results { display: flex; flex-direction: column; height: 100%; width: 100%; text-align: start; padding-left: 0; // loop to delay animation for each list item @for $i from 1 through 10 { li:nth-child(#{$i}) { animation-delay: 0.15s * $i; } } li { list-style: none; margin-bottom: 1rem; animation-delay: 0.5s; animation: fadeInAndShift 0.5s ease-in-out; animation-fill-mode: both; &:hover { a::after { transform: translateX(5px); } } a::after { display: inline-block; content: '>'; margin-left: 0.5rem; text-decoration: none; transition: all 0.3s ease-in-out; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInAndShift { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0px); } } }