From a1b848bb55ea525417daf77c1685bedda99abf3a Mon Sep 17 00:00:00 2001
From: jeffreytse <jeffreytse.mail@gmail.com>
Date: Fri, 2 Oct 2020 11:10:50 +0800
Subject: [PATCH] perfect: better style stuffs

---
 _layouts/404.html                |  1 -
 _sass/misc/common-list.scss      |  2 +-
 _sass/misc/google-translate.scss |  2 +-
 _sass/yat/_base.scss             |  3 ++-
 _sass/yat/_layout.scss           | 11 ++++-------
 5 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/_layouts/404.html b/_layouts/404.html
index 2bda249..35f5683 100644
--- a/_layouts/404.html
+++ b/_layouts/404.html
@@ -7,7 +7,6 @@ layout: default
     margin: 10px auto;
     max-width: 600px;
     text-align: center;
-    color: #3c3c3c;
   }
   h1 {
     margin: 30px 0;
diff --git a/_sass/misc/common-list.scss b/_sass/misc/common-list.scss
index d9d4f90..a763b66 100644
--- a/_sass/misc/common-list.scss
+++ b/_sass/misc/common-list.scss
@@ -27,7 +27,7 @@
       transition: background 0.2s;
 
       &:hover {
-        background: mix($theme-color, #eaeaea, 20%);
+        background-color: mix($theme-color, #eaeaea, 20%);
       }
     }
 
diff --git a/_sass/misc/google-translate.scss b/_sass/misc/google-translate.scss
index 0ab5aab..58391ff 100644
--- a/_sass/misc/google-translate.scss
+++ b/_sass/misc/google-translate.scss
@@ -113,7 +113,7 @@ body {
 // Main look
 
 .ct-language-selected {
-  background: darken($theme-color, 5%) !important;
+  background-color: darken($theme-color, 5%) !important;
 }
 
 .ct-language-dropdown {
diff --git a/_sass/yat/_base.scss b/_sass/yat/_base.scss
index 6f7d9da..b8a0401 100644
--- a/_sass/yat/_base.scss
+++ b/_sass/yat/_base.scss
@@ -151,7 +151,8 @@ code {
   padding: 1px 5px;
   border-radius: 3px;
   color: #fff;
-  background-color: #545454;
+  background-color: #787878;
+  margin: 0 5px;
 }
 
 pre {
diff --git a/_sass/yat/_layout.scss b/_sass/yat/_layout.scss
index bd7a3f0..40776d2 100644
--- a/_sass/yat/_layout.scss
+++ b/_sass/yat/_layout.scss
@@ -11,7 +11,7 @@ html {
   &[data-scroll-status='top'] {
     header.site-header-transparent {
       height: 0;
-      margin-top: 20px;
+      margin-top: 12px;
       background-color: transparent;
       transition: 0.1s height,background-color,box-shadow;
 
@@ -244,6 +244,7 @@ html {
   @extend %flex-1; /* <-- Keep footer on the bottom */
   -ms-flex: none; /* <-- Fix IE footer issue */
   padding: $spacing-unit * 2 0;
+  padding-top: 72px;
 }
 
 .page-heading {
@@ -326,7 +327,7 @@ html {
     }
 
     &:hover {
-      color: #777;
+      color: #787878;
     }
   }
 
@@ -359,10 +360,6 @@ html {
       color: #b3b3b3;
     }
 
-    a:hover {
-      color: #000;
-    }
-
     .indicator {
       padding: 0 15px;
     }
@@ -560,7 +557,6 @@ html {
   height: $banner-height;
   background-color: $banner-background;
   transition: height 0.2s;
-  margin-bottom: 32px;
 
   .page-banner-img {
     position: absolute;
@@ -570,6 +566,7 @@ html {
 
     & > *:first-child {
       @include center-image;
+      transition: 0.1s all ease-in-out;
     }
   }