92 lines
1.3 KiB
SCSS
92 lines
1.3 KiB
SCSS
.gl-pagination {
|
|
text-align: center;
|
|
border-top: 1px solid $border-color;
|
|
margin: 0;
|
|
margin-top: 0;
|
|
|
|
.pagination {
|
|
padding: 0;
|
|
margin: 20px 0;
|
|
|
|
a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.separator,
|
|
.separator:hover {
|
|
a {
|
|
cursor: default;
|
|
background-color: $gray-light;
|
|
padding: $gl-vert-padding;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.gap,
|
|
.gap:hover {
|
|
background-color: $gray-light;
|
|
padding: $gl-vert-padding;
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
.card > .gl-pagination {
|
|
margin: 0;
|
|
}
|
|
|
|
/**
|
|
* Extra-small screen pagination.
|
|
*/
|
|
@media (max-width: 320px) {
|
|
.gl-pagination {
|
|
.first,
|
|
.last {
|
|
display: none;
|
|
}
|
|
|
|
.page-item {
|
|
display: none;
|
|
|
|
&.active {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Small screen pagination
|
|
*/
|
|
@include media-breakpoint-down(xs) {
|
|
.gl-pagination {
|
|
.pagination li a {
|
|
padding: 6px 10px;
|
|
}
|
|
|
|
.page-item {
|
|
display: none;
|
|
|
|
&.active {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Medium screen pagination
|
|
*/
|
|
@media (min-width: map-get($grid-breakpoints, xs)) and (max-width: map-get($grid-breakpoints, sm)) {
|
|
.gl-pagination {
|
|
.page-item {
|
|
display: none;
|
|
|
|
&.active,
|
|
&.sibling {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
}
|