diff options
| author | Jeffrey Tse <jeffreytse.mail@gmail.com> | 2023-08-03 22:24:35 +0800 |
|---|---|---|
| committer | Jeffrey Tse <jeffreytse.mail@gmail.com> | 2023-08-03 22:24:35 +0800 |
| commit | 81f26230551c104efa6e72e390dc0279c187b0db (patch) | |
| tree | 5822fbb6ff86a64e89d227a5af8cf77f6305384d /_sass/misc | |
| parent | f75cca29781611428a8e8a8e2ac9b170365120be (diff) | |
perf: better css styles
Diffstat (limited to '_sass/misc')
| -rw-r--r-- | _sass/misc/article-menu.scss | 3 | ||||
| -rw-r--r-- | _sass/misc/theme-toggle.scss | 23 |
2 files changed, 15 insertions, 11 deletions
diff --git a/_sass/misc/article-menu.scss b/_sass/misc/article-menu.scss index bc168f5..418b4f3 100644 --- a/_sass/misc/article-menu.scss +++ b/_sass/misc/article-menu.scss @@ -11,7 +11,6 @@ font-size: $base-font-size * 1.5; margin-bottom: 14px; font-weight: 600; - color: #222; } .post-menu-content { @@ -39,7 +38,7 @@ &:hover { text-decoration: none; - color: lighten($text-color, 20%)!important; + color: lighten($text-color, 30%)!important; } } diff --git a/_sass/misc/theme-toggle.scss b/_sass/misc/theme-toggle.scss index 0041677..4b79078 100644 --- a/_sass/misc/theme-toggle.scss +++ b/_sass/misc/theme-toggle.scss @@ -36,14 +36,19 @@ user-select: none; } - .dark { + .names p { + margin-bottom: 0; + line-height: 24px; opacity: .5; } - p { - color: #acacac; - margin-bottom: 0; - line-height: 24px; + label .light { + color: #868686; + margin-left: -0.2em; + } + + label .dark { + color: #b9b9b9; } [type="checkbox"] { @@ -56,12 +61,12 @@ background-color: #34323D; } - [type="checkbox"]:checked ~ label .dark{ - opacity: 1; + [type="checkbox"]:checked ~ label .dark { + color: #ddd; } - [type="checkbox"]:checked ~ label .light{ - opacity: .5; + [type="checkbox"]:checked ~ label .light { + color: #ccc; } @include media-query(1024px) { |