Files
medusa-store/www/docs/src/css/_footer.css
Shahed Nasser 76a16aa131 docs: redesigned documentation (#2539)
* docs: redesigned navigation bar (#2478)

* docs: redesigned homepage (#2480)

* docs: redesigned homepage

* fixed link

* docs: redesigned notes (#2491)

* docs: Applied Typography redesign rules (#2516)

* changes to typography

* small changes and fixes

* docs: redesigned table of content (#2518)

* redesigning toc

* finalized table of content design

* docs: redesigned code blocks (#2519)

* docs: redesigned code blocks

* removed unused package

* docs: redesigned survey and content footer (#2522)

* fixes to inline code

* redesigned doc footer

* docs: redesigned footer (#2523)

* docs: changed dark mode colors (#2524)

* docs: redesigned sidebar (#2535)

* docs: redesigned search modal (#2537)

* docs: resolved loose ends (#2538)

* added spacing for tabs

* docs: added no-zoom class for deploy images

* fix to tooltip design for inline code
2022-11-03 18:59:46 +02:00

86 lines
1.3 KiB
CSS

.footer__title {
font-weight: 600 !important;
margin-bottom: 16px;
}
.footer__item:not(:last-child) {
margin-bottom: 8px;
}
footer.footer {
background-color: transparent !important;
border-top: 1px solid var(--ifm-footer-border-color);
padding-top: calc(var(--ifm-base-margin-vertical) * 2);
padding-bottom: calc(var(--ifm-base-margin-vertical) * 3);
}
.footer-container {
display: flex;
}
.logo-container {
display: flex;
align-items: center;
}
.footer__copyright {
margin-left: 16px;
}
.footer__link-item {
line-height: var(--ifm-line-height-base);
font-size: var(--ifm-font-size-base);
}
html:not([data-theme="dark"]) .footer__item svg {
color: #9CA3AF;
}
[data-theme="dark"] .footer__item svg {
color: #737373;
}
.social-logo-container {
display: flex;
flex-direction: column;
}
.social-links {
display: flex;
align-items: center;
}
.social-link:not(:first-child) {
margin-left: 16px;
}
.discord-icon {
width: 18px;
height: 14px;
}
.twitter-icon {
width: 18px;
height: 16px;
}
.github-icon {
width: 18px;
height: 18px;
}
@media screen and (min-width: 992px) {
.social-logo-container {
justify-content: space-between;
}
}
@media screen and (max-width: 991px) {
.footer-container {
flex-direction: column;
}
.logo-container {
margin-bottom: var(--ifm-base-margin-vertical);
}
}