post-to-post pagination and a few spacing tweaks

This commit is contained in:
2026-02-19 17:22:15 -08:00
parent 3249c8305f
commit 94716d8e63
4 changed files with 38 additions and 7 deletions

View File

@ -109,6 +109,12 @@ h3 {
font-size: 1.6rem;
}
@media (max-width: 650px) {
h1 { font-size: 2.8rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.35rem; }
}
h4, h5, h6 {
margin-top: 1rem;
font-size: 1.2rem;
@ -200,7 +206,7 @@ dd {
/* Blockquotes */
blockquote {
margin: .5rem 1rem;
margin: .5rem 0;
padding: 0 1rem;
border-radius: .25rem 1rem 1rem .25rem;
line-height: 1.25;
@ -232,6 +238,10 @@ th {
background-color: var(--color-pink);
}
th code {
color: var(--color-text); /* Yes, I actually do this somewhere */
}
th, td {
padding: .5rem;
text-align: left;

View File

@ -205,6 +205,7 @@ footer ul {
list-style: none;
gap: .5rem;
justify-content: center;
margin: 0;
}
footer li {
@ -238,16 +239,27 @@ footer a:focus-visible {
}
/* Pagination */
.pagination,
.pagination li {
margin: 0;
}
.pagination {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "older newer";
list-style: none;
margin-top: 3rem;
}
.pagination,
.pagination li {
margin: 0;
@media (max-width: 650px) {
.post-pagination {
grid-template-columns: 1fr;
grid-template-areas:
"older"
"newer";
gap: .75rem;
}
}
.pagination .older {