<ul class="list--reset flex flex-row flex-wrap items-center margin-bottom-md pagination">
<li class="pagination__item pagination__item--prev">
<a href="#" class="pagination__link pagination__link--prev btn btn--tertiary color--gray-700">
<svg id="icon--arrow-left" class="margin-right-md" width="13" height="11" viewBox="0 0 13 11">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" d="M0 4H12V5H0z" transform="translate(-80 -110) rotate(-180 46.5 60)" />
<path stroke="currentColor" d="M5 2L9.5 7 14 2" transform="translate(-80 -110) rotate(-180 46.5 60) rotate(-90 9.5 4.5)" />
</g>
</svg>
Previous
</a>
</li>
<li class="pagination__item"><a href="#" class="pagination__link">1</a></li>
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current">2</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">3</a></li>
<li class="pagination__item"><span class="pagination__link pagination__link--more">...</span></li>
<li class="pagination__item"><a href="#" class="pagination__link">17</a></li>
<li class="pagination__item pagination__item--next">
<a href="#" class="pagination__link pagination__link--next btn btn--tertiary">
Next
<svg id="icon--arrow-right" class="margin-left-md" width="13" height="11" viewBox="0 0 13 11">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" d="M0 4H12V5H0z" transform="translate(-114 -110) translate(114 111)" />
<path stroke="currentColor" d="M5 2L9.5 7 14 2" transform="translate(-114 -110) translate(114 111) rotate(-90 9.5 4.5)" />
</g>
</svg>
</a>
</li>
</ul>
<ul class="list--reset flex flex-row flex-wrap items-center margin-bottom-md pagination">
<li class="pagination__item pagination__item--prev">
<a href="#" class="pagination__link pagination__link--prev btn btn--tertiary color--gray-700">
<svg id="icon--arrow-left" class="margin-right-md" width="13" height="11" viewBox="0 0 13 11">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" d="M0 4H12V5H0z" transform="translate(-80 -110) rotate(-180 46.5 60)"/>
<path stroke="currentColor" d="M5 2L9.5 7 14 2" transform="translate(-80 -110) rotate(-180 46.5 60) rotate(-90 9.5 4.5)"/>
</g>
</svg>
{{previous}}
</a>
</li>
<li class="pagination__item"><a href="#" class="pagination__link">1</a></li>
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current">2</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">3</a></li>
<li class="pagination__item"><span class="pagination__link pagination__link--more">{{more}}</span></li>
<li class="pagination__item"><a href="#" class="pagination__link">17</a></li>
<li class="pagination__item pagination__item--next">
<a href="#" class="pagination__link pagination__link--next btn btn--tertiary">
{{next}}
<svg id="icon--arrow-right" class="margin-left-md" width="13" height="11" viewBox="0 0 13 11">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" d="M0 4H12V5H0z" transform="translate(-114 -110) translate(114 111)"/>
<path stroke="currentColor" d="M5 2L9.5 7 14 2" transform="translate(-114 -110) translate(114 111) rotate(-90 9.5 4.5)"/>
</g>
</svg>
</a>
</li>
</ul>
{
"previous": "Previous",
"next": "Next",
"more": "..."
}
No notes defined.