Clean up the footer layout and styles

This commit is contained in:
Eryn Wells 2022-10-25 17:37:15 -04:00
parent 27f88ab3b5
commit 397c2262be
2 changed files with 10 additions and 19 deletions

View file

@ -1,10 +1,8 @@
<footer class="site">
<div>
<ul class="slogans">
<li>Trans rights are human rights.</li>
<li>Black lives matter.</li>
<li>Get vaccinated.</li>
</ul>
<p>Copyright © <time datetime="{{ now.Year }}">{{ now.Year }}</time> <a href="{{ `` | absURL }}">Eryn Wells</a></p>
</div>
</footer>

View file

@ -197,18 +197,11 @@ footer.site {
display: flex;
flex-direction: column;
font-size: 1.6rem;
margin-block-start: 2rem;
margin-block: var(--body-item-spacing);
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 {
footer.site > ul {
align-items: center;
display: flex;
flex-wrap: wrap;
@ -216,11 +209,11 @@ footer.site ul {
list-style: none;
}
footer.site .slogans li {
footer.site > .slogans > li {
margin-inline-start: 0.5em;
}
footer.site p {
footer.site > p {
margin: 0;
}