diff options
author | jeffreytse <jeffreytse.mail@gmail.com> | 2020-10-02 11:10:50 +0800 |
---|---|---|
committer | jeffreytse <jeffreytse.mail@gmail.com> | 2020-10-03 10:39:18 +0800 |
commit | a1b848bb55ea525417daf77c1685bedda99abf3a (patch) | |
tree | c870bb5b312b497d5a37f133b44a86bad09282b1 /_sass | |
parent | ab22549fb8ceea559dcf82ee067b1d3e66db6907 (diff) |
perfect: better style stuffs
Diffstat (limited to '_sass')
-rw-r--r-- | _sass/misc/common-list.scss | 2 | ||||
-rw-r--r-- | _sass/misc/google-translate.scss | 2 | ||||
-rw-r--r-- | _sass/yat/_base.scss | 3 | ||||
-rw-r--r-- | _sass/yat/_layout.scss | 11 |
4 files changed, 8 insertions, 10 deletions
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; } } |