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

Reorder the footer styles in root.css

Browse source
This commit is contained in:
Eryn Wells 2022-09-25 08:43:27 -07:00
parent fe652e1c44
commit 312dd30be6
1 changed files with 42 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

83
static/styles/root.css
View file

@ -94,6 +94,48 @@ figure .youtube {
width: 100%;
}
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);
width: 100%;
}
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;
}
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-family-heading);
margin: 0;
@ -205,47 +247,6 @@ 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;
}
}
.platter {
background: var(--background-color);
border: 1px solid var(--header-border-color);