Move page navigation CSS to its own stylesheet

This commit is contained in:
Eryn Wells 2024-07-06 10:19:51 -07:00
parent 576e7cb485
commit 11295e1eb2
2 changed files with 44 additions and 34 deletions

View file

@ -35,40 +35,6 @@ img {
object-fit: contain; object-fit: contain;
} }
.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);
}
}
.content-term-list { .content-term-list {
display: flex; display: flex;
list-style: none; list-style: none;

View file

@ -0,0 +1,44 @@
{{/*
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);
}
}