/
_pagination.scss
50 lines (48 loc) · 1.39 KB
/
_pagination.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
@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