From 113d4e53416ddf42212da6f217670bdc6f0c9dd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=93scar=20N=C3=A1jera?= <hi@oscarnajera.com>
Date: Sat, 1 Jan 2022 21:03:20 +0100
Subject: Import new minimalist design

---
 layouts/partials/pagination.html | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

(limited to 'layouts/partials/pagination.html')

diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
index 16ad74e..3aa16f7 100644
--- a/layouts/partials/pagination.html
+++ b/layouts/partials/pagination.html
@@ -1,15 +1,17 @@
 {{ $pag := $.Paginator }}
 {{ if gt $pag.TotalPages 1 }}
-<div class="center db tc ma4 f6">
+<nav class="flex items-center justify-center pa4 f5">
     {{ if $pag.HasPrev }}
-        <a href="{{ $pag.Prev.URL }}" aria-label="Previous" class="dib link dim ph3 pv2 ba br1 ttu">Newer Posts</a>
+      <a href="{{ $pag.Prev.URL }}" rel="prev" class="near-white link grow hover-bg-light-gray hover-near-black pa2 ba">« {{ T "Prev" }}</a>
     {{ end }}
-
     {{ range $pag.Pagers }}
-    <a href="{{ .URL }}" class="dib link dim ph3 pv2 b ba br1 {{ if eq . $pag }}bg-blue white{{ end }}">{{ .PageNumber }}</a>
+    {{ if eq . $pag }}
+      <span class= "white w3-theme ma1 pa2 ba"> {{ $pag.PageNumber }}</span>
+    {{ else }}
+      <a href="{{ .URL }}" class="db near-white link grow hover-bg-light-gray hover-near-black pa2 ba">{{ .PageNumber }}</a>
     {{ end }}
-{{ if $pag.HasNext }}
-    <a href="{{ $pag.Next.URL }}" aria-label="Next" class="dib link dim ph3 pv2 ba br1 ttu">Older posts</a>
-{{ end }}
-</div>
+    {{ end }}
+    {{ if $pag.HasNext }}
+    <a href="{{ $pag.Next.URL }}" rel="next" class="near-white link grow hover-bg-light-gray hover-near-black pa2 ba">{{ T "Next" }} »</a> {{ end }}
+</nav>
 {{ end }}
-- 
cgit v1.2.3