app/assets/stylesheets/sass/components/_pagination.scss
/* PAGINATION */
.pagination {
display: block;
margin: 0 auto;
float: none;
margin-top: 1rem;
& a,
& span.gap {
padding: 0 12px;
line-height: 38px;
text-decoration: none;
background-color: $color-pagination-bg;
border-radius: 6px;
color: $color-btns;
font-weight: bold;
margin: 0 3px;
}
& span.current {
padding: 0 12px;
line-height: 0px;
text-decoration: none;
border-radius: 6px;
color: $color-pagination-bg;
font-weight: bold;
background-color: $color-btns;
margin: 0 3px;
}
& a:hover {
background-color: $color-btns;
color: $color-pagination-bg;
}
}
.first,
.prev,
.next,
.last {
display: none;
}
.page {
padding: 0;
float: none;
border: none;
}