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