This repository has been archived on 2021-09-15. You can view files and clone it, but cannot push or open issues or pull requests.
UTPass-Website/mdb/scss/free/_pagination.scss

85 lines
1.9 KiB
SCSS
Raw Normal View History

2019-09-15 11:19:29 +00:00
// Pagination
.pagination {
.page-item {
&.active {
.page-link {
box-shadow: $z-depth-1;
transition: $pagination-active-transition;
border-radius: $border-radius-base;
background-color: $primary-color;
color: $white-base;
&:hover {
background-color: $primary-color;
}
}
}
&.disabled {
.page-link {
color: $pagination-page-item-disabled-color;
}
}
.page-link {
transition: $pagination-page-link-transition;
outline: 0;
border: 0;
background-color: transparent;
font-size: $pagination-page-link-font-size;
color: $pagination-page-link-color;
&:hover {
transition: $pagination-page-link-transition;
border-radius: $border-radius-base;
background-color: $pagination-page-link-hover-bg-color;
}
&:focus {
background-color: transparent;
box-shadow: none;
}
}
}
&.pagination-lg {
.page-item {
.page-link {
font-size: $pagination-page-link-font-size-lg;
}
}
}
&.pagination-sm {
.page-item {
.page-link {
font-size: $pagination-page-link-font-size-sm;
}
}
}
&.pagination-circle {
.page-item {
.page-link {
margin-left: $pagination-circle-margin-x;
margin-right: $pagination-circle-margin-x;
border-radius: $pagination-circle-border-radius;
&:hover {
border-radius: $pagination-circle-border-radius;
}
}
&.active {
.page-link {
border-radius: $pagination-circle-border-radius;
}
}
}
}
@each $name, $color in $pagination-colors {
&.pg-#{$name} {
.page-item {
&.active {
.page-link {
background-color: $color;
&:hover {
background-color: $color;
}
}
}
}
}
}
}