diff options
| author | Jeffrey Tse <jeffreytse.mail@gmail.com> | 2023-08-26 11:15:19 +0800 |
|---|---|---|
| committer | Jeffrey Tse <jeffreytse.mail@gmail.com> | 2023-08-26 16:25:54 +0800 |
| commit | bb1e308bef725f7633909ff494940cfbb7a3f74b (patch) | |
| tree | a69c78ddb221bfcdaf3db0be904bbf71cd49289b | |
| parent | 300f0cb0dcde6ee467f236125c2ea9cda7671d62 (diff) | |
perf: better click-to-top button
| -rw-r--r-- | _sass/misc/click-to-top.scss | 13 |
1 files changed, 3 insertions, 10 deletions
diff --git a/_sass/misc/click-to-top.scss b/_sass/misc/click-to-top.scss index 84495aa..56b67cf 100644 --- a/_sass/misc/click-to-top.scss +++ b/_sass/misc/click-to-top.scss @@ -1,5 +1,4 @@ .click-to-top { - transition: 0.3s; display: flex; align-items: center; justify-content: center; @@ -15,22 +14,16 @@ box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); font-size: 24px; user-select: none; + transition: 0.3s; + z-index: 10; - @include media-query(1024px) { + @include media-query($on-laptop) { width: 48px; height: 48px; border-radius: 24px; right: 35px; font-size: 20px; } - - @include media-query($on-palm) { - width: 36px; - height: 36px; - border-radius: 18px; - right: 20px; - font-size: 16px; - } } .click-to-top.show { |