/
alt3rmann
/
graphql-engine
Обзор
Документация
Войти
/
alt3rmann
/
graphql-engine
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/src/components/CustomFooter/styles.module.scss
95 строк
2 KB
Rob Dominguez
docs: add pointer component for contributions
26 июн 2023, 10:32
26 июн 2023, 10:32
2138caa
Код
Авторство
О чём код?
.custom-footer-wrapper { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding: 1rem 0; @mixin custom-footer-wrapper__vertical() { flex-direction: column; .logo-wrapper, .copyright, .footerSocialIconsWrapper { padding: 0.5rem 0; } } @media (min-width: 997px) and (max-width: 1298px) { @include custom-footer-wrapper__vertical(); } @media (max-width: 767px) { @include custom-footer-wrapper__vertical(); } .logo-wrapper { width: 108px; height: 32px; img { width: 100%; height: 100%; } } .dark-theme-logo { display: none; } .footerSocialIconsWrapper { display: flex; align-items: center; .socialBrands { margin: 0 12px; opacity: 0.8; &:hover { opacity: 1; } &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } } } } .contribution-pointer { opacity: 0; z-index: -10; position: absolute; top: 30px; align-items: center; justify-content: center; padding: 0.5rem 0; transition: all var(--ifm-transition-fast) ease-in-out; .contribution-pointer__text { margin-left: 0.5rem; font-size: 0.8rem; font-weight: 500; color: var(--text-color); } } .contribution-pointer__text { margin-left: 0.5rem; font-size: 0.8rem; font-weight: 500; color: var(--text-color); } .contribution-hover { opacity: 1; z-index: 10; } html[data-theme='dark'] { .custom-footer-wrapper { .dark-theme-logo { display: initial; } .light-theme-logo { display: none; } } }