48 lines
978 B
SCSS
48 lines
978 B
SCSS
|
// Pagination
|
||
|
|
.pagination {
|
||
|
|
.page-item {
|
||
|
|
margin-right: $pagination-item-mr;
|
||
|
|
&:first-child {
|
||
|
|
.page-link {
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&:last-child {
|
||
|
|
.page-link {
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.disabled {
|
||
|
|
cursor: not-allowed;
|
||
|
|
.page-link {
|
||
|
|
color: $pagination-link-disabled-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.active {
|
||
|
|
.page-link {
|
||
|
|
border: 1px solid $pagination-link-active-color;
|
||
|
|
background-color: transparent;
|
||
|
|
&:hover {
|
||
|
|
border: 1px solid $pagination-link-active-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.page-link {
|
||
|
|
border: none;
|
||
|
|
color: $pagination-link-color;
|
||
|
|
&:hover {
|
||
|
|
background-color: transparent;
|
||
|
|
border: none;
|
||
|
|
color: $pagination-link-hover-color;
|
||
|
|
}
|
||
|
|
&:focus {
|
||
|
|
box-shadow: none;
|
||
|
|
color: $pagination-link-focus-color;
|
||
|
|
}
|
||
|
|
.mi {
|
||
|
|
font-size: $pagination-link-icon-font-size;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|