Add styling for pagination links.
All checks were successful
rust-test Build rust-test has succeeded
format Build format has succeeded
build-natter Build build-natter has succeeded
rust-clippy Build rust-clippy has succeeded

This commit is contained in:
Tom Alexander 2023-12-23 23:09:24 -05:00
parent 59a91331cc
commit fa16a7dd39
Signed by: talexander
GPG Key ID: D3A179C9A53C0EDE
2 changed files with 19 additions and 0 deletions

View File

@ -85,6 +85,7 @@ body {
max-width: var(--main-max-width);
font-size: 1.2rem;
line-height: 1.2;
padding-bottom: 8rem;
/* A stand-alone blog post (not in a blog stream). */
.blog_post {
@ -95,6 +96,22 @@ body {
.stream_divider {
color: var(--stream-divider-color);
}
.stream_nav {
display: flex;
flex-direction: row;
align-items: center;
> a {
display: inline-block;
padding: 0.2rem 0.5rem;
font-weight: 700;
font-size: 1.5rem;
}
> .spacer {
display: inline-block;
flex: 1 1;
}
}
}
/* A blog post in a blog stream (for example, the homepage). */

View File

@ -24,8 +24,10 @@
</div>
{/.children}
{#.stream_pagination}
<hr class="stream_divider" />
<div class="stream_nav">
{?.older_link}<a href="{.older_link}">Older</a>{/.older_link}
<div class="spacer"></div>
{?.newer_link}<a href="{.newer_link}">Newer</a>{/.newer_link}
</div>
{/.stream_pagination}