baz_april/squelettes/scss/components/_pagination.scss

108 lines
2.1 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;
.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;
}
@include media($bp-small) {
.pages .lien_pagination,
.pages .tbc {
display: none;
}
}
}
.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;
}
}