81 lines
1.2 KiB
SCSS
81 lines
1.2 KiB
SCSS
/**** pagination ****/
|
|
.pagination-wrapper {
|
|
text-align: center;
|
|
margin-top: 60px;
|
|
|
|
@include media-query(991px) {
|
|
text-align: left;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.pg-pagination {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
list-style-type: none;
|
|
text-align: center;
|
|
|
|
li {
|
|
float: left;
|
|
margin-right: 10px;
|
|
|
|
@include media-query(767px) {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
|
|
li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
li a {
|
|
background-color: transparent;
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
font-size: 16px;
|
|
font-size: calc-rem-value(16);
|
|
font-weight: 600;
|
|
color: $dark-gray;
|
|
background: $section-bg-color;
|
|
display: block;
|
|
|
|
@include media-query(991px) {
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: 15px;
|
|
font-size: calc-rem-value(15);
|
|
}
|
|
}
|
|
|
|
.active a,
|
|
li a:hover {
|
|
background: $theme-primary-color;
|
|
border-color: $theme-primary-color;
|
|
color: $white;
|
|
}
|
|
|
|
.fi:before {
|
|
font-size: 15px;
|
|
font-size: calc-rem-value(15);
|
|
}
|
|
}
|
|
}
|
|
|
|
.pagination-wrapper-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.pagination-wrapper-right {
|
|
text-align: right;
|
|
|
|
@include widther(1200px) {
|
|
padding-right: 50px;
|
|
}
|
|
|
|
@include media-query(991px) {
|
|
margin-top: 45px;
|
|
text-align: left;
|
|
}
|
|
}
|