Pagination disabled class
This commit is contained in:
parent
384cdcaae7
commit
e80e93bcaa
@ -17,7 +17,15 @@
|
||||
margin: 0 4px;
|
||||
|
||||
&--disabled{
|
||||
color: rgb(182, 182, 182);
|
||||
color: rgb(182, 182, 182);
|
||||
.LP-Link{
|
||||
color: rgb(182, 182, 182);
|
||||
cursor: default;
|
||||
&:hover{
|
||||
background-color: unset;
|
||||
color: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--current{
|
||||
|
@ -6,7 +6,7 @@
|
||||
<span class="LP-Text">First</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--previous">
|
||||
<li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--disabled LP-Pagination__Item--previous">
|
||||
<a href="#" class="LP-Link">
|
||||
<span class="LP-Icon">⟨</span>
|
||||
<span class="LP-Text">Previous</span>
|
||||
|
@ -313,6 +313,12 @@ body {
|
||||
margin: 0 4px; }
|
||||
.LP-Pagination .LP-Pagination__Item--disabled {
|
||||
color: #b6b6b6; }
|
||||
.LP-Pagination .LP-Pagination__Item--disabled .LP-Link {
|
||||
color: #b6b6b6;
|
||||
cursor: default; }
|
||||
.LP-Pagination .LP-Pagination__Item--disabled .LP-Link:hover {
|
||||
background-color: unset;
|
||||
color: unset; }
|
||||
.LP-Pagination .LP-Pagination__Item--current .LP-Link {
|
||||
background-color: #D7CEC7; }
|
||||
.LP-Pagination .LP-Pagination__Item--current .LP-Link:hover {
|
||||
|
Loading…
Reference in New Issue
Block a user