git

commit 147645ad34f95bf50fdeb3dcee290d4511233edf
parent 8cb020b3b128d5dbeb11ef758af80d2c44a12f9b
Author: Luís Ferreira <contact@lsferreira.net>
Date:   Sat, 18 Dec 2021 00:11:40 +0000

style: Fix older and newer posts links

Signed-off-by: Luís Ferreira <contact@lsferreira.net>

Diffstat:
A
assets/sass/pagination.scss
 | 
8
++++++++
M
assets/sass/style.scss
 | 
1
+
M
layouts/partials/pagination.html
 | 
14
+++++++-------

3 files changed, 16 insertions(+), 7 deletions(-)
diff --git a/assets/sass/pagination.scss b/assets/sass/pagination.scss
@@ -0,0 +1,8 @@
+.pagination-buttons {
+  display: flex;
+  justify-content: space-between;
+}
+
+.pagination {
+	padding-top: 15px
+}
diff --git a/assets/sass/style.scss b/assets/sass/style.scss
@@ -9,6 +9,7 @@
 @import 'article';
 @import 'avatar';
 @import 'post';
+@import 'pagination';
 
 html, body {
 	margin: 0px;
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
@@ -1,18 +1,18 @@
 <div class="pagination">
-	<div class="pagination__buttons">
+	<div class="pagination-buttons min-textbox">
 		{{ if .Paginator.HasPrev }}
-			<span class="button previous">
+			<span class="pagination-btn-previous">
 			<a href="{{ .Paginator.Prev.URL }}">
-				<span class="button__icon">←</span>
-				<span class="button__text">{{ $.Site.Params.newerPosts | default "Newer posts" }}</span>
+				<span class="button-icon">←</span>
+				<span class="button-text">{{ $.Site.Params.newerPosts | default "Newer posts" }}</span>
 			</a>
 			</span>
 		{{ end }}
 		{{ if .Paginator.HasNext }}
-			<span class="button next">
+			<span class="pagination-btn-next">
 			<a href="{{ .Paginator.Next.URL }}">
-				<span class="button__text">{{ $.Site.Params.olderPosts | default "Older posts" }}</span>
-				<span class="button__icon">→</span>
+				<span class="button-text">{{ $.Site.Params.olderPosts | default "Older posts" }}</span>
+				<span class="button-icon">→</span>
 			</a>
 			</span>
 		{{ end }}