Pagination

HTML

<link rel="stylesheet" href="http://inuitcss.com/inuit.min.css">
<ol class="nav pagination">
    <li class=pagination__first>First</li><!--
 --><li class=pagination__prev>Previous</li><!--
 --><li><a href=/page/1>1</a></li><!--
 --><li><a href=/page/2>2</a></li><!--
 --><li class=current><a href=/page/3>3</a></li><!--
 --><li><a href=/page/4>4</a></li><!--
 --><li><a href=/page/5>5</a></li><!--
 --><li class=pagination__next><a href=/page/next>Next</a></li><!--
 --><li class=pagination__last><a href=/page/last>Last</a></li>
</ol>

CSS

/**
 * These demo styles sit on top of inuit.css
 * github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_pagination.scss
 */

html{
    font:1em/1.5 Georgia, serif;
    padding:5%;
    background-color:#fff;
    color:#333;
}

a { color: orange; text-decoration: none; transition: all .15s ease; }
a:hover { color: black; }