46 lines
1010 B
SCSS
46 lines
1010 B
SCSS
/**
|
|
* PAGINATOR
|
|
*
|
|
* Markup:
|
|
* -------
|
|
*
|
|
* <ul class="paginator">
|
|
* <li class="paginator-item">
|
|
* <a href="#" class="paginator-itemLink">< Prev</a>
|
|
* </li>
|
|
* <li class="paginator-item">
|
|
* <a href="#" class="paginator-itemLink">1</a>
|
|
* </li>
|
|
* <li class="paginator-item">
|
|
* <a href="#" class="paginator-itemLink is-active">2</a>
|
|
* </li>
|
|
* <li class="paginator-item">
|
|
* <a href="#" class="paginator-itemLink">3</a>
|
|
* </li>
|
|
* <li class="paginator-item">
|
|
* <a href="#" class="paginator-itemLink">Next ></a>
|
|
* </li>
|
|
* </ul>
|
|
*/
|
|
|
|
.paginator {
|
|
|
|
&-item {
|
|
display: inline-block;
|
|
margin-right: $mr-paginator-item;
|
|
|
|
&Link {
|
|
background-color: $bg-paginator-item;
|
|
border-radius: $bdr-paginator-item;
|
|
display: block;
|
|
padding: $p-paginator-item;
|
|
|
|
&.is-active {
|
|
background-color: $bg-paginator-item-active;
|
|
color: $c-paginator-item-active;
|
|
cursor: default;
|
|
}
|
|
}
|
|
}
|
|
}
|