From 0f1bb40af439caa8d9fa2fecc18ae5109963192d Mon Sep 17 00:00:00 2001
From: dertyp7 <dertyp7@tealfire.de>
Date: Sun, 14 Jan 2024 15:03:21 +0100
Subject: [PATCH] Refactor SectionScroll.scss to improve arrow animation and
 responsiveness

---
 src/styles/SectionScroll.scss | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/styles/SectionScroll.scss b/src/styles/SectionScroll.scss
index 6dd2756..b3bccb7 100644
--- a/src/styles/SectionScroll.scss
+++ b/src/styles/SectionScroll.scss
@@ -6,23 +6,10 @@
 
 	div {
 		.arrow {
-			&.up {
-				&:hover {
-					animation: pulse 1s 2;
-				}
-
-				@media screen and (min-width: 768px) {
-					&:hover {
-						animation: pulse 1s infinite;
-					}
-				}
+			&:hover {
+				animation: pulse 1s infinite;
 			}
 
-			&.down {
-				&:hover {
-					animation: pulse 1s 2;
-				}
-			}
 			&:hover {
 				color: var(--color-accent);
 			}
@@ -40,4 +27,17 @@
 			transform: scale(1);
 		}
 	}
+
+	@media screen and (max-width: 768px) {
+		div {
+			.arrow {
+				margin: 15px 0;
+				height: 40px;
+				width: 40px;
+				&:hover {
+					animation: none;
+				}
+			}
+		}
+	}
 }