Sebastian Krüger
64c02b39dc
All checks were successful
Deploy Theme / deploy (push) Successful in 14s
26 lines
1.4 KiB
Handlebars
26 lines
1.4 KiB
Handlebars
<nav class="hidden has-[a]:grid mt-16 max-w-3xl mx-auto grid-cols-1 md:grid-cols-2 gap-4 pt-12">
|
|
{{#prev_post}}
|
|
<div class="prev-post-nav">
|
|
<a href="{{url}}" class="group block p-6 bg-[var(--bg-secondary)] rounded-lg hover:bg-[var(--bg-tertiary)] transition-all duration-300">
|
|
<span class="text-xs uppercase tracking-widest text-[var(--text-tertiary)] mb-2 block flex items-center">
|
|
<span class="mr-2">{{> "icons/arrow-left" class="w-4 h-4"}}</span>
|
|
Previous Post
|
|
</span>
|
|
<h4 class="text-xl font-bold group-hover:text-[var(--brand-primary)] transition-colors duration-300">{{title}}</h4>
|
|
</a>
|
|
</div>
|
|
{{/prev_post}}
|
|
|
|
{{#next_post}}
|
|
<div class="next-post-nav text-right md:col-start-2">
|
|
<a href="{{url}}" class="group block p-6 bg-[var(--bg-secondary)] rounded-lg hover:bg-[var(--bg-tertiary)] transition-all duration-300">
|
|
<span class="text-xs uppercase tracking-widest text-[var(--text-tertiary)] mb-2 block flex items-center justify-end">
|
|
Next Post
|
|
<span class="ml-2">{{> "icons/arrow-right" class="w-4 h-4"}}</span>
|
|
</span>
|
|
<h4 class="text-xl font-bold group-hover:text-[var(--brand-primary)] transition-colors duration-300">{{title}}</h4>
|
|
</a>
|
|
</div>
|
|
{{/next_post}}
|
|
</nav>
|