CSS : Pagination
Some checks failed
continuous-integration/drone/pr Build is failing

This commit is contained in:
Halfdan Mouritzen 2024-01-18 10:28:59 +01:00
parent 04e4cc0cc6
commit 8e7291e5bf

View file

@ -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;
} }