_sass/layout/home.scss in jekyll-theme-chirpy-4.0.2 vs _sass/layout/home.scss in jekyll-theme-chirpy-4.1.0
- old
+ new
@@ -1,31 +1,28 @@
/*
Style for Homepage
*/
.pagination {
- font-size: 1rem;
+ color: var(--btn-patinator-text-color);
+ font-family: 'Lato', sans-serif;
+
a:hover {
text-decoration: none;
}
.page-item {
.page-link {
- color: var(--btn-patinator-text-color);
+ color: inherit;
width: 2.5rem;
height: 2.5rem;
padding: 0;
- text-align: center;
display: -webkit-box;
- display: flex;
-webkit-box-pack: center;
- justify-content: center;
-webkit-box-align: center;
- align-items: center;
border-radius: 50%;
border: 1px solid var(--btn-paginator-border-color);
- font-family: 'Lato', sans-serif;
background-color: var(--button-bg);
&:hover {
background-color: var(--btn-paginator-hover-color);
}
}
@@ -47,13 +44,10 @@
}
&:first-child .page-link,
&:last-child .page-link {
border-radius: 50%;
}
- &:not(:last-child) {
- margin-right: 0.7rem;
- }
} // .page-item
} // .pagination
#post-list {
@@ -114,11 +108,19 @@
} // #post-list
/* Hide SideBar and TOC */
@media all and (max-width: 830px) {
.pagination {
- justify-content: center;
+ justify-content: space-evenly;
+
+ .page-item {
+ &:not(:first-child):not(:last-child) {
+ display: none;
+ }
+
+ }
+
}
}
/* Sidebar is visible */
@media all and (min-width: 831px) {
@@ -142,14 +144,27 @@
}
}
.pagination {
font-size: 0.85rem;
- .page-item .page-link {
- width: 2.2rem;
- height: 2.2rem;
+
+ .page-item {
+ &:not(:last-child) {
+ margin-right: 0.7rem;
+ }
+
+ .page-link {
+ width: 2rem;
+ height: 2rem;
+ }
+
}
- }
+
+ .page-index {
+ display: none;
+ }
+
+ } // .pagination
}
/* Pannel hidden */
@media all and (max-width: 1200px) {