mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-05-14 06:58:58 +00:00
51 lines
1.4 KiB
SCSS
51 lines
1.4 KiB
SCSS
@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
|