baz_april/squelettes/scss/components/_pagination.scss

102 lines
2.0 KiB
SCSS

.pagination {
margin: 2em 0;
text-align: center;
display: flex;
width: 100%;
justify-content: center;
.sep, .label {
display: none;
}
.lien_pagination, .on, .tbc {
display: inline-block;
padding: 0 0.4em;
text-decoration: none;
}
.lien_pagination:hover,
.lien_pagination:focus,
.lien_pagination:active {
color: #FFF;
background-color: $couleur-lien-hover;
}
.lien_pagination, .on, .tbc {
text-align: center;
border-radius: 0.25em;
min-width: 1.5em;
}
.pages {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
.on {
color: #FFF;
background-color: $couleur-lien;
padding-left: 0.4em;
padding-right: 0.4em;
}
}
.next, .prev {
//font-weight: bold;
strong {
font-weight: normal;
}
}
.disabled {
display: inline-block;
color: #838383;
}
}
.pagination_ancre {
@include visuallyhidden;
padding: 0 !important;
margin: 0 !important;
}
.col .prev,
.col .next {
display: none;
}
/* spip4 */
.pagination, .aside .nav .pagination {
margin: 2em 0;
.pagination-items {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
}
.pagination-item {
padding: 0;
background: none;
margin: 0 0.15em 0.5em;
}
.pagination-items a, .pagination-items span.on {
display: inline-block;
text-decoration: none;
border: none;
padding: 0.5em;
@include vendor-prefix(border-radius,0.25em);
font-size: 1em;
font-weight: 700;
line-height: 1.5;
color: $couleur-lien;
}
.pagination-items a:hover, .pagination-items span.on {
background: $grayLighter !important;
color: $couleur-lien-hover;
text-decoration: none;
}
.tbc {
line-height: 2.4;
}
}