baz_april/squelettes/scss/components/_pagination.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;
	}
}