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;
|
||||
justify-content : center;
|
||||
list-style : none;
|
||||
padding : 0;
|
||||
padding : var(--half-space) 0;
|
||||
margin : 0;
|
||||
}
|
||||
|
||||
.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