perfect: better style stuffs

2 files changed, 6 insertions, 8 deletions

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;
     }
   }