alois/hugo-PaperMod
1
0
Fork 0
mirror of https://github.com/adityatelange/hugo-PaperMod.git synced 2026-05-21 11:05:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(paginav): improve layout and spacing for navigation links

Browse Source
This commit is contained in:
Aditya Telange
2026-04-11 20:53:16 +05:30
parent 86ed1c47bc
commit 8739b2f73b
2 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/common/post-single.css
+10 -11
View File
@@ -173,29 +173,28 @@ details li ul {
.paginav { .paginav {
display: flex; display: flex;
line-height: 30px; line-height: 1.2;
}
.paginav a {
padding-inline-start: 14px;
padding-inline-end: 14px;
border-radius: var(--radius);
} }
.paginav .title { .paginav .title {
letter-spacing: 1px; letter-spacing: 1px;
text-transform: uppercase; text-transform: uppercase;
font-size: small; font-size: 0.8rem;
color: var(--secondary); color: var(--secondary);
} }
.paginav .prev, .paginav a {
.paginav .next {
width: 50%; width: 50%;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.8rem;
border-radius: var(--radius);
} }
.paginav span:hover:not(.title) { .paginav span:hover:not(.title) {
box-shadow: 0 1px 0; text-underline-offset: 0.2rem;
text-decoration: underline;
} }
.paginav .next { .paginav .next {
layouts/partials/post_nav_links.html
-2
View File
@@ -4,14 +4,12 @@
{{- with $pages.Next . }} {{- with $pages.Next . }}
<a class="prev" href="{{ .Permalink }}"> <a class="prev" href="{{ .Permalink }}">
<span class="title">« {{ i18n "prev_page" }}</span> <span class="title">« {{ i18n "prev_page" }}</span>
<br>
<span>{{- .Name -}}</span> <span>{{- .Name -}}</span>
</a> </a>
{{- end }} {{- end }}
{{- with $pages.Prev . }} {{- with $pages.Prev . }}
<a class="next" href="{{ .Permalink }}"> <a class="next" href="{{ .Permalink }}">
<span class="title">{{ i18n "next_page" }} »</span> <span class="title">{{ i18n "next_page" }} »</span>
<br>
<span>{{- .Name -}}</span> <span>{{- .Name -}}</span>
</a> </a>
{{- end }} {{- end }}