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

Clean up the footer layout and styles

Browse source
This commit is contained in:
Eryn Wells 2022-10-25 17:37:15 -04:00
parent f3f2badae3
commit 5cd36cf08c
2 changed files with 10 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

14
layouts/partials/footer.html
View file

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

15
static/styles/root.css
View file

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