fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Disable scroll-to-top button hover on mobile

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-07-22 23:37:17 +03:00
parent 5185d05ca4
commit f9094a4ad6
2 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/css/main.scss
View File

@@ -284,16 +284,18 @@ a {
filter: invert(100%);
}
&:hover {
width: $px_scroll-to-top_size + 10;
height: $px_scroll-to-top_size + 10;
right: 20px;
bottom: 50px;
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
img {
transform: translateY(-5px);
@media (hover: hover) and (pointer: fine) {
&:hover {
width: $px_scroll-to-top_size + 10;
height: $px_scroll-to-top_size + 10;
right: 20px;
bottom: 50px;
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
img {
transform: translateY(-5px);
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
}
}
}
}

22
resources/styles/main.css
View File

@@ -1003,16 +1003,18 @@ a:active {
width: 100%;
filter: invert(100%);
}
#scroll-to-top:hover {
width: 60px;
height: 60px;
right: 20px;
bottom: 50px;
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
}
#scroll-to-top:hover img {
transform: translateY(-5px);
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
@media (hover: hover) and (pointer: fine) {
#scroll-to-top:hover {
width: 60px;
height: 60px;
right: 20px;
bottom: 50px;
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
}
#scroll-to-top:hover img {
transform: translateY(-5px);
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
}
}
#footer {