45 lines
645 B
CSS
45 lines
645 B
CSS
|
{{/*
|
||
|
|
099_page_navigation.css
|
||
|
|
Eryn Wells <eryn@erynwells.me>
|
||
|
|
*/}}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/******************
|
||
|
|
# PAGE NAVIGATION
|
||
|
|
******************/
|
||
|
|
|
||
|
|
.page-navigation {
|
||
|
|
align-items: baseline;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
justify-content: space-between;
|
||
|
|
list-style: none;
|
||
|
|
padding-inline: 0;
|
||
|
|
|
||
|
|
&:has(.next-page:only-child) {
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
|
||
|
|
li {
|
||
|
|
display: flex block;
|
||
|
|
height: 2lh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.next-page {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.previous-page::before {
|
||
|
|
content: "←";
|
||
|
|
padding-inline-end: var(--space-s);
|
||
|
|
}
|
||
|
|
|
||
|
|
.next-page::after {
|
||
|
|
content: "→";
|
||
|
|
padding-inline-start: var(--space-s);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|