baz_april/squelettes/scss/components/_pagination.scss

65 lines
1.3 KiB
SCSS
Raw Normal View History

.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;
.on {
color: #FFF;
background-color: $couleur-lien-hover;
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;
}
}
}
.col .prev,
.col .next {
display: none;
}