layouts/partials/main/component/pagination-single.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

{{ if or .PrevInSection .NextInSection }}
<div class="grow"></div>
<nav class="pagination-single">
  {{ if .NextInSection }}
    <a href="{{ .NextInSection.Permalink }}" title="{{ .NextInSection.Title }}" class="pagination-single__right">
      <div class="pagination-single__icon">
        {{ partial "svgs/arrow-back.svg" (dict "width" 22 "height" 22) }}
      </div>
      <div class="pagination-single__right-title">{{ .NextInSection.Title }}</div>
    </a>
  {{ end }}
  <div class="grow"></div>
  {{ if .PrevInSection }}
    <a href="{{ .PrevInSection.Permalink }}" title="{{ .PrevInSection.Title }}" class="pagination-single__left">
      <div class="pagination-single__left-title">{{ .PrevInSection.Title }}</div>
      <div class="pagination-single__icon">
        {{ partial "svgs/arrow-forward.svg" (dict "width" 22 "height" 22) }}
      </div>
    </a>
  {{ end }}
</nav>
{{ end }}