Example
Markup
<nav class="pagination">
<ul class="inline-list pagination__list">
<li><a class="pagination__prev icon icon--only icon-arrow-left" href="javascript://"><</a></li>
<li><a class="pagination__item" href="javascript://">1</a></li>
<li><a class="pagination__item" href="javascript://">2</a></li>
<li><a class="pagination__item" href="javascript://">3</a></li>
<li><span class="pagination__item pagination__item--current">4</span></li>
<li><a class="pagination__item" href="javascript://">5</a></li>
<li><a class="pagination__item" href="javascript://">6</a></li>
<li><a class="pagination__item" href="javascript://">7</a></li>
<li><span class="pagination__item pagination__dots">…</span></li>
<li><a class="pagination__item" href="javascript://">53</a></li>
<li><a class="pagination__item" href="javascript://">54</a></li>
<li><a class="pagination__item" href="javascript://">55</a></li>
<li><a class="pagination__next icon icon--only icon-arrow-right" href="javascript://">></a></li>
</ul>
</nav>
Source:
assets/styles/03-molecules/04-miscellaneous/_pagination.scss, line 1