81 lines
1.4 KiB
SCSS
81 lines
1.4 KiB
SCSS
@import '../variables/colors';
|
|
@import '../variables/sizes';
|
|
|
|
.Pagination {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.Pagination--shareList {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding: 30px 0;
|
|
border-top: 1px solid $cStructure-mainLine;
|
|
}
|
|
|
|
.Pagination--search {
|
|
position: absolute;
|
|
bottom: 150px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.Pagination--searchShare {
|
|
z-index: 5;
|
|
bottom: 50px;
|
|
}
|
|
|
|
.Pagination-label {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.Pagination-list {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.Pagination-listItem {
|
|
border: 1px $cStructure-mainLine solid;
|
|
border-right-width: 0;
|
|
}
|
|
|
|
.Pagination-listItemInner {
|
|
display: inline-block;
|
|
padding: 10px 15px;
|
|
border: none;
|
|
outline: none;
|
|
background: $cStructure-mainBkg;
|
|
}
|
|
|
|
.Pagination-listItemInner--more {
|
|
background-color: $cStructure-grayBkg;
|
|
color: $cTypography-help;
|
|
}
|
|
|
|
.Pagination-listItem:first-child {
|
|
border-radius: 5px 0 0 5px;
|
|
|
|
.Pagination-listItemInner {
|
|
border-radius: 5px 0 0 5px;
|
|
}
|
|
}
|
|
|
|
.Pagination-listItem:last-child {
|
|
border-right-width: 1px;
|
|
border-radius: 0 5px 5px 0;
|
|
|
|
.Pagination-listItemInner {
|
|
border-radius: 0 5px 5px 0;
|
|
}
|
|
}
|
|
|
|
.Pagination-listItem.is-current,
|
|
.Pagination-listItem.is-current .Pagination-listItemInner--link,
|
|
.Pagination-listItem.is-current .Pagination-listItemInner--link:hover {
|
|
color: $cTypography-headers;
|
|
text-decoration: none;
|
|
cursor: default;
|
|
}
|