Optimize stylesheet

This commit is contained in:
Mimi 2020-06-08 11:17:39 +08:00
parent 073ddc094e
commit 1ce92c1e64
6 changed files with 6 additions and 16 deletions

View File

@ -1,7 +1,7 @@
.post-gallery { .post-gallery {
align-items: center; align-items: center;
display: grid; display: grid;
grid-gap: 10px; gap: 10px;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 20px; margin-bottom: 20px;

View File

@ -1,6 +1,5 @@
.popular-posts-header { .popular-posts-header {
border-bottom: 1px solid $gainsboro; border-bottom: 1px solid $gainsboro;
display: block;
font-size: $font-size-large; font-size: $font-size-large;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: $post-eof-margin-bottom; margin-top: $post-eof-margin-bottom;

View File

@ -18,10 +18,7 @@
} }
.site-nav { .site-nav {
display: block;
+mobile() { +mobile() {
clear: both;
display: none; display: none;
} }

View File

@ -1,22 +1,18 @@
.site-author-image { .site-author-image {
border: $site-author-image-border-width solid $site-author-image-border-color; border: $site-author-image-border-width solid $site-author-image-border-color;
display: block;
margin: 0 auto;
max-width: $site-author-image-width; max-width: $site-author-image-width;
padding: 2px; padding: 2px;
if (hexo-config('avatar.rounded')) { if (hexo-config('avatar.rounded')) {
border-radius: 50%; border-radius: 50%;
} }
}
if (hexo-config('avatar.rotated')) { if (hexo-config('avatar.rotated')) {
.site-author-image {
transition: transform 1s ease-out; transition: transform 1s ease-out;
}
.site-author-image:hover { &:hover {
transform: rotateZ(360deg); transform: rotateZ(360deg);
}
} }
} }

View File

@ -1,6 +1,6 @@
.post-body .link-grid { .post-body .link-grid {
display: grid; display: grid;
grid-gap: 1.5rem 1.5rem; gap: 1.5rem 1.5rem;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
padding: 1.5rem; padding: 1.5rem;

View File

@ -3,9 +3,7 @@
} }
.post-body .tabs, .tabs-comment { .post-body .tabs, .tabs-comment {
display: block;
padding-top: 10px; padding-top: 10px;
position: relative;
ul.nav-tabs { ul.nav-tabs {
display: flex; display: flex;