Move page navigation CSS to its own stylesheet
This commit is contained in:
parent
576e7cb485
commit
11295e1eb2
2 changed files with 44 additions and 34 deletions
|
@ -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;
|
||||||
|
|
44
assets/css/099_page_navigation.css
Normal file
44
assets/css/099_page_navigation.css
Normal 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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue