Optimize pagination style

This commit is contained in:
Mimi 2020-06-05 23:03:39 +08:00
parent 241fe98070
commit 420095bb6f
3 changed files with 2 additions and 8 deletions

View File

@ -1,6 +1,6 @@
$page-number-basic { $page-number-basic {
display: inline-block; display: inline-block;
margin: 0 10px; margin: -1px 10px 0 10px;
padding: 0 10px; padding: 0 10px;
+mobile() { +mobile() {
@ -27,11 +27,11 @@ $page-number-basic {
+mobile() { +mobile() {
border-top: 0; border-top: 0;
margin-bottom: 10px;
.prev, .next, .page-number { .prev, .next, .page-number {
border-bottom: 1px solid $pagination-link-border; border-bottom: 1px solid $pagination-link-border;
border-top: 0; border-top: 0;
margin-bottom: 10px;
&:hover { &:hover {
border-bottom-color: $pagination-link-hover-border; border-bottom-color: $pagination-link-hover-border;

View File

@ -74,11 +74,6 @@ $use-seo = hexo-config('seo');
// Pagination. // Pagination.
.pagination { .pagination {
.prev, .next, .page-number {
margin-bottom: initial;
top: initial;
}
background: var(--content-bg-color); background: var(--content-bg-color);
border-radius: $border-radius; border-radius: $border-radius;
border-top: initial; border-top: initial;

View File

@ -36,7 +36,6 @@ hr {
// Pagination // Pagination
// -------------------------------------------------- // --------------------------------------------------
.pagination { .pagination {
margin: 120px 0 0;
text-align: left; text-align: left;
+mobile() { +mobile() {