Eryn Wells
accd1aceeb
- Put the previous post on the left, and the next post on the right - Simplify the CSS class names and styles
42 lines
591 B
CSS
42 lines
591 B
CSS
|
|
|
|
|
|
|
|
|
|
/******************
|
|
# PAGE NAVIGATION
|
|
******************/
|
|
|
|
.page-navigation {
|
|
list-style: none;
|
|
padding-inline: 0;
|
|
|
|
&:has(.next-page:only-child) {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.prev, .next {
|
|
display: block;
|
|
padding-inline: 0;
|
|
}
|
|
|
|
.next {
|
|
text-align: right;
|
|
}
|
|
|
|
.prev::before,
|
|
.next::after {
|
|
color: var(--text-color-secondary);
|
|
font-family: var(--font-family-monospace);
|
|
}
|
|
|
|
.prev::before {
|
|
content: "<-";
|
|
padding-inline-end: var(--space-s);
|
|
}
|
|
|
|
.next::after {
|
|
content: "->";
|
|
padding-inline-start: var(--space-s);
|
|
}
|
|
}
|