From 1ce92c1e640d3c75ecbd4b11711a7b2c8c876e38 Mon Sep 17 00:00:00 2001 From: Mimi <1119186082@qq.com> Date: Mon, 8 Jun 2020 11:17:39 +0800 Subject: [PATCH] Optimize stylesheet --- source/css/_common/components/post/post-gallery.styl | 2 +- .../components/third-party/related-posts.styl | 1 - source/css/_common/outline/header/site-nav.styl | 3 --- .../css/_common/outline/sidebar/sidebar-author.styl | 12 ++++-------- source/css/_common/scaffolding/tags/link-grid.styl | 2 +- source/css/_common/scaffolding/tags/tabs.styl | 2 -- 6 files changed, 6 insertions(+), 16 deletions(-) diff --git a/source/css/_common/components/post/post-gallery.styl b/source/css/_common/components/post/post-gallery.styl index 05355e3..67985ed 100644 --- a/source/css/_common/components/post/post-gallery.styl +++ b/source/css/_common/components/post/post-gallery.styl @@ -1,7 +1,7 @@ .post-gallery { align-items: center; display: grid; - grid-gap: 10px; + gap: 10px; grid-template-columns: 1fr 1fr 1fr; margin-bottom: 20px; diff --git a/source/css/_common/components/third-party/related-posts.styl b/source/css/_common/components/third-party/related-posts.styl index 7548f58..ca1dc53 100644 --- a/source/css/_common/components/third-party/related-posts.styl +++ b/source/css/_common/components/third-party/related-posts.styl @@ -1,6 +1,5 @@ .popular-posts-header { border-bottom: 1px solid $gainsboro; - display: block; font-size: $font-size-large; margin-bottom: 10px; margin-top: $post-eof-margin-bottom; diff --git a/source/css/_common/outline/header/site-nav.styl b/source/css/_common/outline/header/site-nav.styl index 9095533..3a8e50b 100644 --- a/source/css/_common/outline/header/site-nav.styl +++ b/source/css/_common/outline/header/site-nav.styl @@ -18,10 +18,7 @@ } .site-nav { - display: block; - +mobile() { - clear: both; display: none; } diff --git a/source/css/_common/outline/sidebar/sidebar-author.styl b/source/css/_common/outline/sidebar/sidebar-author.styl index d5bb7f6..825d87d 100644 --- a/source/css/_common/outline/sidebar/sidebar-author.styl +++ b/source/css/_common/outline/sidebar/sidebar-author.styl @@ -1,22 +1,18 @@ .site-author-image { border: $site-author-image-border-width solid $site-author-image-border-color; - display: block; - margin: 0 auto; max-width: $site-author-image-width; padding: 2px; if (hexo-config('avatar.rounded')) { border-radius: 50%; } -} -if (hexo-config('avatar.rotated')) { - .site-author-image { + if (hexo-config('avatar.rotated')) { transition: transform 1s ease-out; - } - .site-author-image:hover { - transform: rotateZ(360deg); + &:hover { + transform: rotateZ(360deg); + } } } diff --git a/source/css/_common/scaffolding/tags/link-grid.styl b/source/css/_common/scaffolding/tags/link-grid.styl index 4aeb09e..1370fcf 100644 --- a/source/css/_common/scaffolding/tags/link-grid.styl +++ b/source/css/_common/scaffolding/tags/link-grid.styl @@ -1,6 +1,6 @@ .post-body .link-grid { display: grid; - grid-gap: 1.5rem 1.5rem; + gap: 1.5rem 1.5rem; grid-template-columns: 1fr 1fr; padding: 1.5rem; diff --git a/source/css/_common/scaffolding/tags/tabs.styl b/source/css/_common/scaffolding/tags/tabs.styl index 8c7e349..d2c4b42 100644 --- a/source/css/_common/scaffolding/tags/tabs.styl +++ b/source/css/_common/scaffolding/tags/tabs.styl @@ -3,9 +3,7 @@ } .post-body .tabs, .tabs-comment { - display: block; padding-top: 10px; - position: relative; ul.nav-tabs { display: flex;