Clean up the footer layout and styles
This commit is contained in:
parent
27f88ab3b5
commit
397c2262be
2 changed files with 10 additions and 19 deletions
|
@ -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>
|
||||
<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>
|
||||
</footer>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue