From be143ae1ed668bd2d023262d6b698cd559995234 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yannik=20R=C3=B6del?= <hey@yannik.info>
Date: Sun, 12 Jun 2022 20:25:29 +0200
Subject: [PATCH] Tweak logo animation

---
 styles/components/_site.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/styles/components/_site.scss b/styles/components/_site.scss
index e71624c..832c105 100644
--- a/styles/components/_site.scss
+++ b/styles/components/_site.scss
@@ -17,12 +17,13 @@
 	> .angestoepselt-logo {
 		height: 1em;
 		vertical-align: middle;
+		transition: stroke motion.$subtle;
 
 		fill: none;
 		stroke-linecap: round;
 		stroke-linejoin: round;
 		stroke-width: 4px;
-		stroke: colors.$gray-900;
+		stroke: currentColor;
 		stroke-miterlimit: 10;
 
 		.plug {
@@ -35,6 +36,13 @@
 	}
 
 	&:hover > .angestoepselt-logo {
+		stroke: currentColor;
+
+		.plug {
+			fill: colors.$yellow-500;
+			transition: fill #{0.5 * motion.$prominent-duration} motion.$prominent-timing;
+		}
+
 		@keyframes angestoepselt-logo-hover {
 			0% {
 				transform: none;
@@ -43,7 +51,7 @@
 				transform: translateX(0.6rem);
 			}
 			100% {
-				transform: translateX(-0.6rem);
+				transform: translateX(-0.4rem);
 			}
 		}