summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJeffrey Tse <jeffreytse.mail@gmail.com>2023-08-26 11:15:19 +0800
committerJeffrey Tse <jeffreytse.mail@gmail.com>2023-08-26 16:25:54 +0800
commitbb1e308bef725f7633909ff494940cfbb7a3f74b (patch)
treea69c78ddb221bfcdaf3db0be904bbf71cd49289b
parent300f0cb0dcde6ee467f236125c2ea9cda7671d62 (diff)
perf: better click-to-top button
-rw-r--r--_sass/misc/click-to-top.scss13
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 {