-
Notifications
You must be signed in to change notification settings - Fork 0
/
pagination.liquid
35 lines (35 loc) · 1.26 KB
/
pagination.liquid
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<ul class="list--inline pagination">
{% unless paginate.previous.is_link %}
<li aria-hidden="true">
<button class="btn btn--tertiary btn--narrow" disabled>
{% include 'icon-arrow-left' %}
<span class="icon__fallback-text">{{ 'general.pagination.previous' | t }}</span>
</button>
</li>
{% else %}
<li>
<a href="{{ paginate.previous.url }}" class="btn btn--tertiary btn--narrow">
{% include 'icon-arrow-left' %}
<span class="icon__fallback-text">{{ 'general.pagination.previous' | t }}</span>
</a>
</li>
{% endunless %}
<li class="pagination__text">
{{ 'general.pagination.current_page' | t: current: paginate.current_page, total: paginate.pages }}
</li>
{% unless paginate.next.is_link %}
<li aria-hidden="true">
<button class="btn btn--tertiary btn--narrow" disabled>
{% include 'icon-arrow-right' %}
<span class="icon__fallback-text">{{ 'general.pagination.next' | t }}</span>
</button>
</li>
{% else %}
<li>
<a href="{{ paginate.next.url }}" class="btn btn--tertiary btn--narrow">
{% include 'icon-arrow-right' %}
<span class="icon__fallback-text">{{ 'general.pagination.next' | t }}</span>
</a>
</li>
{% endunless %}
</ul>