Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
51 lines (48 sloc) 1.424 kB
@if $use-pagination == true{
/*------------------------------------*\
$PAGINATION
\*------------------------------------*/
/**
* Basic pagination object, extends `.nav`.
* Requires some funky commenting to collapse any white-space caused by the
* `display:inline-block;` rules.
*
<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>
*
* Demo: jsfiddle.net/inuitcss/9Y6PU
*
*/
.pagination{
text-align:center;
/**
* Remove whitespace caused by `inline-block`.
*/
letter-spacing:-0.31em;
word-spacing:-0.43em;
}
.pagination > li{
padding:$base-spacing-unit / 2;
letter-spacing:normal;
word-spacing:normal;
}
.pagination > li > a{
padding:$base-spacing-unit / 2;
margin:-$base-spacing-unit / 2;
}
.pagination__first a:before{
content:"\00AB" "\00A0";
}
.pagination__last a:after{
content:"\00A0" "\00BB";
}
}//endif
Jump to Line
Something went wrong with that request. Please try again.