You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
1.7 KiB
SCSS
86 lines
1.7 KiB
SCSS
.pagination {
|
|
.page-link {
|
|
background-color: transparent;
|
|
font-size: 0.8rem;
|
|
}
|
|
.active .page-link {
|
|
border-radius: 2px;
|
|
transition: all 0.2s linear;
|
|
@extend.z-depth-1;
|
|
&:hover {
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Circle pagination
|
|
.pagination {
|
|
&.pagination-circle {
|
|
.page-link {
|
|
border-radius: 50%;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
&:hover {
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.active .page-link {
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pagination .page-link {
|
|
border: 0;
|
|
transition: all 0.3s linear;
|
|
&:hover {
|
|
transition: all 0.3s linear;
|
|
background-color: #eee;
|
|
}
|
|
&:focus {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
.pagination {
|
|
&.pg-blue {
|
|
.active .page-link {
|
|
background-color: $primary-color;
|
|
}
|
|
}
|
|
&.pg-red {
|
|
.active .page-link {
|
|
background-color: $danger-color;
|
|
}
|
|
}
|
|
&.pg-teal {
|
|
.active .page-link {
|
|
background-color: $default-color;
|
|
}
|
|
}
|
|
&.pg-darkgrey {
|
|
.active .page-link {
|
|
background-color: $special-color;
|
|
}
|
|
}
|
|
&.pg-dark {
|
|
.active .page-link {
|
|
background-color: $elegant-color;
|
|
}
|
|
}
|
|
&.pg-bluegrey {
|
|
.active .page-link {
|
|
background-color: #3F729B;
|
|
}
|
|
}
|
|
&.pg-amber {
|
|
.active .page-link {
|
|
background-color: #ff6f00;
|
|
}
|
|
}
|
|
&.pg-purple {
|
|
.active .page-link {
|
|
background-color: #5e35b1;
|
|
}
|
|
}
|
|
} |