BAS Style Kit Testbed

<div class="bsk-pagination" role="navigation">
  <span class="pages">Page 1 of 1</span>
  <span aria-current="page" class="current">1</span>
</div>

<div class="bsk-pagination" role="navigation">
  <span class="pages">Page 1 of 2</span>
  <span aria-current="page" class="current">1</span>
  <a title="Page 2" href="#">2</a>
  <a class="nextpostslink" rel="next" aria-label="Next Page" href="#"></a>
  <a class="last" aria-label="Last Page" href="#">Last »</a>
</div>

<div class="bsk-pagination" role="navigation">
  <span class="pages">Page 1 of 7</span>
  <span aria-current="page" class="current">1</span>
  <a title="Page 2" href="#">2</a>
  <a title="Page 3" href="#">3</a>
  <a title="Page 4" href="#">4</a>
  <a title="Page 5" href="#">5</a>
  <span>...</span>
  <a class="nextpostslink" rel="next" aria-label="Next Page" href="#"></a>
  <a class="last" aria-label="Last Page" href="#">Last »</a>
</div>

<div class="bsk-pagination" role="navigation">
  <span class="pages">Page 1 of 23</span>
  <span aria-current="page" class="current">1</span>
  <a title="Page 2" href="#">2</a>
  <a title="Page 3" href="#">3</a>
  <a title="Page 4" href="#">4</a>
  <a title="Page 5" href="#">5</a>
  <span>...</span>
  <a title="Page 10" href="#">10</a>
  <a title="Page 20" href="#">20</a>
  <span>...</span>
  <a class="nextpostslink" rel="next" aria-label="Next Page" href="#"></a>
  <a class="last" aria-label="Last Page" href="#">Last »</a>
</div>

<div class="pagination" role="navigation">
  <span class="pages">Page 4 of 23</span>
  <a class="first" aria-label="First Page" href="#">« First</a>
  <a class="previouspostslink" rel="next" aria-label="Next Page" href="#"></a>
  <span>...</span>
  <a title="Page 2" href="#">2</a>
  <a title="Page 3" href="#">3</a>
  <span aria-current="page" class="current">4</span>
  <a title="Page 5" href="#">5</a>
  <span>...</span>
  <a title="Page 10" href="#">10</a>
  <a title="Page 20" href="#">20</a>
  <span>...</span>
  <a class="nextpostslink" rel="next" aria-label="Next Page" href="#"></a>
  <a class="last" aria-label="Last Page" href="#">Last »</a>
</div>

Pagination