2020-05-19 16:53:54 +00:00
|
|
|
// Pagination
|
|
|
|
|
2021-07-07 11:12:38 +00:00
|
|
|
// scss-docs-start pagination-mixin
|
|
|
|
@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {
|
2020-05-19 16:53:54 +00:00
|
|
|
.page-link {
|
|
|
|
padding: $padding-y $padding-x;
|
|
|
|
@include font-size($font-size);
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-item {
|
2021-07-07 11:12:38 +00:00
|
|
|
@if $pagination-margin-start == (-$pagination-border-width) {
|
|
|
|
&:first-child {
|
|
|
|
.page-link {
|
|
|
|
@include border-start-radius($border-radius);
|
|
|
|
}
|
2020-05-19 16:53:54 +00:00
|
|
|
}
|
2021-07-07 11:12:38 +00:00
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
.page-link {
|
|
|
|
@include border-end-radius($border-radius);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} @else {
|
|
|
|
//Add border-radius to all pageLinks in case they have left margin
|
2020-05-19 16:53:54 +00:00
|
|
|
.page-link {
|
2021-07-07 11:12:38 +00:00
|
|
|
@include border-radius($border-radius);
|
2020-05-19 16:53:54 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2021-07-07 11:12:38 +00:00
|
|
|
// scss-docs-end pagination-mixin
|