42 lines
1.1 KiB
SCSS
42 lines
1.1 KiB
SCSS
/* Pagination */
|
|
|
|
.pagination {
|
|
> li {
|
|
> a, &:first-child > a, &:last-child > a, > span, &:first-child > span, &:last-child > span {
|
|
border-radius: 100px !important;
|
|
margin: 0 2px;
|
|
color: #777777;
|
|
border-color: #ddd;
|
|
}
|
|
}
|
|
|
|
@mixin pagination-active-state($color) {
|
|
> a, &:first-child > a, &:last-child > a, > span, &:first-child > span, &:last-child > span {
|
|
background: $color;
|
|
border-color: $color;
|
|
color: $white-color;
|
|
}
|
|
}
|
|
|
|
&.pg-default > li.active {
|
|
@include pagination-active-state($dark-color);
|
|
}
|
|
&.pg-primary > li.active {
|
|
@include pagination-active-state($primary-color);
|
|
}
|
|
&.pg-secondary > li.active {
|
|
@include pagination-active-state($secondary-color);
|
|
}
|
|
&.pg-info > li.active {
|
|
@include pagination-active-state($info-color);
|
|
}
|
|
&.pg-success > li.active {
|
|
@include pagination-active-state($success-color);
|
|
}
|
|
&.pg-warning > li.active {
|
|
@include pagination-active-state($warning-color);
|
|
}
|
|
&.pg-danger > li.active {
|
|
@include pagination-active-state($danger-color);
|
|
}
|
|
} |