Pagination

Name: Skeletonic
Author: Sebastien Rousseau

Page controls with an ellipsis for elided ranges.

Source: src/stylus/components/pagination.styl

Default

The current page carries .active; gaps use .pagination-ellipsis.

<nav class="pagination" aria-label="Pagination">
  <ul class="pagination-content">
    <li class="pagination-item"><a href="#" class="pagination-prev">Prev</a></li>
    <li class="pagination-item"><a href="#" class="pagination-link active">1</a></li>
    <li class="pagination-item"><a href="#" class="pagination-link">2</a></li>
    <li class="pagination-item"><span class="pagination-ellipsis">&hellip;</span></li>
    <li class="pagination-item"><a href="#" class="pagination-next">Next</a></li>
  </ul>
</nav>