eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Re-mark up the footer

Browse source
This commit is contained in:
Eryn Wells 2022-09-11 10:35:27 -07:00
parent 27154cdfc2
commit e1d6c78cdf
3 changed files with 50 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

27
static/styles/main.css
View file

@ -293,33 +293,6 @@ pre {
}
}
/*
* Footer
*/
.footer {
align-items: center;
border-top: 1px solid var(--separator-color);
display: flex;
flex-direction: column;
font-size: 1.8rem;
text-align: center;
}
.footer p {
margin: 0;
}
.footer p + p {
margin-top: 0.25rem;
}
@media (max-width: 740px) {
.slogans span {
white-space: nowrap;
}
}
/*
* Main
*/

41
static/styles/root.css
View file

@ -148,3 +148,44 @@ nav.bulleted li::before {
p { margin-block-end: 1em; }
p:last-child { margin-block-end: 0; }
footer.site {
align-items: center;
display: flex;
flex-direction: column;
font-size: 1.6rem;
margin-block-start: 2rem;
text-align: center;
}
footer.site > div {
border-top: 1px solid var(--footer-border-color);
padding-block-start: 2rem;
max-width: var(--content-width);
}
footer.site ul {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
}
footer.site .slogans li {
margin-inline-start: 0.5em;
}
footer.site p {
margin: 0;
}
footer.site p + p {
margin-top: 0.25rem;
}
@media (max-width: 740px) {
footer.site .slogans span {
white-space: nowrap;
}
}