forked from data.coop/membersystem
CSS : Pagination
This commit is contained in:
parent
04e4cc0cc6
commit
8e7291e5bf
|
@ -441,10 +441,48 @@ span.time_remaining {
|
||||||
display : flex;
|
display : flex;
|
||||||
justify-content : center;
|
justify-content : center;
|
||||||
list-style : none;
|
list-style : none;
|
||||||
padding : 0;
|
padding : var(--half-space) 0;
|
||||||
margin : 0;
|
margin : 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination > li {
|
.pagination > li {
|
||||||
margin : 0 var(--half-space);
|
margin : 0 var(--half-space);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination > li:first-child {
|
||||||
|
margin-right : var(--double-space);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination > li:last-child {
|
||||||
|
margin-left : var(--double-space);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .page-item {
|
||||||
|
border : 1px solid var(--fade);
|
||||||
|
padding : var(--quarter-space) var(--half-space);
|
||||||
|
border-radius : var(--half-space);
|
||||||
|
background : var(--light-dust);
|
||||||
|
font-size : 0.78em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .page-link {
|
||||||
|
padding : var(--half-space);
|
||||||
|
color : var(--twilight);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .page-item.active {
|
||||||
|
background : var(--twilight);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .page-item.active .page-link {
|
||||||
|
color : var(--light-dust);
|
||||||
|
font-weight : bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .page-item.disabled {
|
||||||
|
opacity : 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .page-item.disabled .page-link {
|
||||||
|
cursor : default;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue