File: /var/www/studis.kauko.lt/wp-content/plugins/wp-statistics/assets/dev/sass/component/pagination.scss
/**
* WordPress Pagination Style
* https://codex.wordpress.org/Function_Reference/paginate_links
*/
.pagination-wrap {
clear: both;
display: block;
overflow: hidden;
text-align: center;
margin-top: 25px;
.wps-page-number {
color: $dim-black-color;
font-weight: 400;
font-size: 10px;
line-height: 24px;
margin-top: 8px;
}
ul.page-numbers {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
li a.prev, li a.next {
@media screen and (max-width: 768px) {
display: none;
}
}
li .dots {
margin: 0 7px 5px 5px;
&:hover {
background-color: transparent;
color: $dim-black-color;
}
}
}
.page-numbers li {
display: inline-block;
margin-bottom: 5px;
}
.page-numbers li a, .pagination-wrap .page-numbers li span {
display: inline-block;
padding: 4.9px 10px;
margin-right: 4px;
border: 1px solid $light-secondary-color;
border-radius: 3px;
background: #fff;
font-weight: 500;
font-size: 13px;
line-height: 15.23px;
text-decoration: none;
color: $low-color;
}
.page-numbers li a.prev, .page-numbers li a.next {
border:none!important;
&.disabled{
color:#DADCE0!important;
pointer-events: none!important;
}
}
.pagination-wrap ul.page-numbers li .dots {
color: $low-color;
font-size: 13px;
font-weight: 500;
line-height: 15.23px;
}
.page-numbers > li > a:hover,
.page-numbers > li > span:hover,
.page-numbers > li > a:focus,
.page-numbers > li > span:focus {
background: #fff;
color: $primary-color;
border-color: $primary-color;
}
.page-numbers li .current {
display: inline-block;
border: none;
background: $primary-color !important;
color: $white-color;
padding: 5.2px 10px;
margin: -8px 5px -5px 2px;
border-radius: 4px;
font-size: 13px;
font-weight: 600;
line-height: 15.23px;
&:hover {
color: #fff;
}
}
}