💄 Finished the common style settings.
This commit is contained in:
55
assets/css/_common/scaffolding/pagination.scss
Normal file
55
assets/css/_common/scaffolding/pagination.scss
Normal file
@@ -0,0 +1,55 @@
|
||||
%page-number-basic {
|
||||
display: inline-block;
|
||||
margin: -1px 10px 0;
|
||||
padding: 0 10px;
|
||||
|
||||
@include mobile() {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
%page-number-current {
|
||||
background: $pagination-active-bg;
|
||||
border-color: $pagination-active-border;
|
||||
color: $pagination-active-color;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
border-top: 1px solid $pagination-border;
|
||||
margin: 120px 0 0;
|
||||
text-align: center;
|
||||
|
||||
.prev, .next, .page-number {
|
||||
@extend %page-number-basic;
|
||||
border-bottom: 0;
|
||||
border-top: 1px solid $pagination-link-border;
|
||||
transition: border-color $transition-ease;
|
||||
|
||||
&:hover {
|
||||
border-top-color: $pagination-link-hover-border;
|
||||
}
|
||||
}
|
||||
|
||||
@include mobile() {
|
||||
border-top: 0;
|
||||
|
||||
.prev, .next, .page-number {
|
||||
border-bottom: 1px solid $pagination-link-border;
|
||||
border-top: 0;
|
||||
|
||||
&:hover {
|
||||
border-bottom-color: $pagination-link-hover-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.space {
|
||||
@extend %page-number-basic;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.page-number.current {
|
||||
@extend %page-number-current;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user