From bb6f1a9d34054db58996cba71268ff8f1741749a Mon Sep 17 00:00:00 2001 From: jloeve Date: Sat, 31 Oct 2020 02:55:02 +0800 Subject: [PATCH] fix(dark style): back top button of ranking page --- src/style/dark/_dark-definitions.scss | 16 ++++++++++++++++ src/style/dark/dark-slice-12.scss | 1 + src/style/dark/dark-slice-13.scss | 9 +-------- src/style/dark/dark-slice-9.scss | 14 +------------- 4 files changed, 19 insertions(+), 21 deletions(-) diff --git a/src/style/dark/_dark-definitions.scss b/src/style/dark/_dark-definitions.scss index 355af7c27..a19ed0f6b 100644 --- a/src/style/dark/_dark-definitions.scss +++ b/src/style/dark/_dark-definitions.scss @@ -105,3 +105,19 @@ visibility: hidden !important; } } + +@mixin back-top-btn { + .back-top-btn { + @include border-color(); + @include background-color("3"); + .arrow-icon { + @include color("a"); + } + &:hover { + @include theme-background-color(); + .arrow-icon { + @include foreground-color(); + } + } + } +} diff --git a/src/style/dark/dark-slice-12.scss b/src/style/dark/dark-slice-12.scss index ad06ddb22..695debb21 100644 --- a/src/style/dark/dark-slice-12.scss +++ b/src/style/dark/dark-slice-12.scss @@ -751,6 +751,7 @@ a.bp_box_bot_click { .rank-list .rank-item:hover { box-shadow: 0px 1px 10px 0px var(--theme-color-30) !important; } + @include back-top-btn(); } .popular-list .popular-tips, .history-list .history-tips, diff --git a/src/style/dark/dark-slice-13.scss b/src/style/dark/dark-slice-13.scss index 1e614b239..2bebe83eb 100644 --- a/src/style/dark/dark-slice-13.scss +++ b/src/style/dark/dark-slice-13.scss @@ -107,13 +107,6 @@ } } } - .back-top-btn { - @include border-color("4"); - @include background-color("4"); - &:hover { - @include theme-background-color(); - @include theme-border-color(); - } - } + @include back-top-btn(); } } diff --git a/src/style/dark/dark-slice-9.scss b/src/style/dark/dark-slice-9.scss index f19f39175..018d0008a 100644 --- a/src/style/dark/dark-slice-9.scss +++ b/src/style/dark/dark-slice-9.scss @@ -882,19 +882,7 @@ $highlight-map: ( } } } - .back-top-btn { - @include border-color(); - @include background-color("3"); - .arrow-icon { - @include color("a"); - } - &:hover { - @include theme-background-color(); - .arrow-icon { - @include foreground-color(); - } - } - } + @include back-top-btn(); } .international-home .contact-help { @include color("9");