A couple fixes for page navigation
- Put the previous post on the left, and the next post on the right - Simplify the CSS class names and styles
This commit is contained in:
parent
1eba82c96b
commit
accd1aceeb
2 changed files with 9 additions and 9 deletions
|
@ -15,27 +15,27 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
li {
|
||||
.prev, .next {
|
||||
display: block;
|
||||
padding-inline: 0;
|
||||
}
|
||||
|
||||
.next-page {
|
||||
.next {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.previous-page::before,
|
||||
.next-page::after {
|
||||
.prev::before,
|
||||
.next::after {
|
||||
color: var(--text-color-secondary);
|
||||
font-family: var(--font-family-monospace);
|
||||
}
|
||||
|
||||
.previous-page::before {
|
||||
.prev::before {
|
||||
content: "<-";
|
||||
padding-inline-end: var(--space-s);
|
||||
}
|
||||
|
||||
.next-page::after {
|
||||
.next::after {
|
||||
content: "->";
|
||||
padding-inline-start: var(--space-s);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue