diff --git a/styles/components/_site.scss b/styles/components/_site.scss index 832c105..a21855a 100644 --- a/styles/components/_site.scss +++ b/styles/components/_site.scss @@ -40,14 +40,14 @@ .plug { fill: colors.$yellow-500; - transition: fill #{0.5 * motion.$prominent-duration} motion.$prominent-timing; + transition: fill #{0.3 * motion.$prominent-duration} motion.$prominent-timing; } @keyframes angestoepselt-logo-hover { 0% { transform: none; } - 50% { + 30% { transform: translateX(0.6rem); } 100% { @@ -59,7 +59,7 @@ + span { transform-origin: 100% 50%; - transition: transform #{0.5 * motion.$prominent-duration} motion.$prominent-timing #{0.5 * motion.$prominent-duration}; + transition: transform #{0.7 * motion.$prominent-duration} motion.$prominent-timing #{0.3 * motion.$prominent-duration}; transform: scale(1.1); } }