Kairoz
.kairoz-pagination

Pagination

Page-by-page navigator. Chevron arrows bracket the range, ellipsis collapses the middle when the set is large.

.kairoz-pagination.kairoz-pagination-item.kairoz-pagination-ellipsis

Default

<nav class="kairoz-pagination">
  <button class="kairoz-pagination-item">‹</button>
  <button class="kairoz-pagination-item is-active">1</button>
  <button class="kairoz-pagination-item">2</button>
  <button class="kairoz-pagination-item">3</button>
  <span class="kairoz-pagination-ellipsis">…</span>
  <button class="kairoz-pagination-item">9</button>
  <button class="kairoz-pagination-item">›</button>
</nav>