60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
/* ==============
|
|
Pagination
|
|
===================*/
|
|
.pagination{
|
|
.page-link {
|
|
color: $primary;
|
|
}
|
|
.page-item.active .page-link {
|
|
background-color: $primary;
|
|
border-color: $primary;
|
|
color: $white
|
|
}
|
|
.page-link:focus, .page-link:hover {
|
|
color: $dark;
|
|
background-color: $light;
|
|
box-shadow: 0 0 0 0.2rem rgba($primary, 0.33);
|
|
|
|
}
|
|
.form-control{
|
|
border-color: transparent;
|
|
font-size: 12px;
|
|
padding: 0;
|
|
height: calc(16px + 2px);
|
|
background-color: transparent;
|
|
&:focus
|
|
{
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
}
|
|
|
|
.custom-pagination .page-link{
|
|
border-radius: 50%;
|
|
width: 40px;
|
|
height: 40px;
|
|
padding-left: 14px;
|
|
line-height: 22px;
|
|
}
|
|
.custom-pagination-2{
|
|
.page-item{
|
|
a{
|
|
background-color: $gray-200;
|
|
}
|
|
}
|
|
.page-item:first-child{
|
|
.page-link {
|
|
margin-left: 0;
|
|
border-top-left-radius: 40px;
|
|
border-bottom-left-radius: 40px;
|
|
}
|
|
}
|
|
.page-item:last-child {
|
|
.page-link {
|
|
border-top-right-radius: 40px;
|
|
border-bottom-right-radius: 40px;
|
|
}
|
|
}
|
|
}
|