janis/dertyp7.github.io
1
0
Fork 0
mirror of https://github.com/DerTyp7/dertyp7.github.io.git synced 2025-10-29 12:52:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor SectionScroll.scss to improve arrow animation and responsiveness

Browse Source
This commit is contained in:
dertyp7
2024-01-14 15:03:21 +01:00
parent 411700b9fd
commit 0f1bb40af4
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/styles/SectionScroll.scss
View File

@@ -6,23 +6,10 @@
div { div {
.arrow { .arrow {
&.up { &:hover {
&:hover { animation: pulse 1s infinite;
animation: pulse 1s 2;
}
@media screen and (min-width: 768px) {
&:hover {
animation: pulse 1s infinite;
}
}
} }
&.down {
&:hover {
animation: pulse 1s 2;
}
}
&:hover { &:hover {
color: var(--color-accent); color: var(--color-accent);
} }
@@ -40,4 +27,17 @@
transform: scale(1); transform: scale(1);
} }
} }
@media screen and (max-width: 768px) {
div {
.arrow {
margin: 15px 0;
height: 40px;
width: 40px;
&:hover {
animation: none;
}
}
}
}
} }