Tweak Switcher link hover

2022-07-30 16:19:56 +02:00
parent 38deb96197
commit 23af1e944d
1 changed files with 6 additions and 1 deletions
--- a/src/style/molecules/_switcher.scss
+++ b/src/style/molecules/_switcher.scss
@@ -45,10 +45,14 @@
            font-size: rem(16px);
            text-decoration: none;
            border-radius: 6px;
-            transition: background-color 0.25s ease-out;
+            transition: background-color 0.4s var(--ease-quart);

            &:hover {
                background: rgba($color-tertiary, 0.2);
+
+                :global(.icon) {
+                    color: $color-tertiary;
+                }
            }
        }
        :global(.icon) {
@@ -58,6 +62,7 @@
            object-fit: contain;
            margin-right: 16px;
            color: $color-secondary-light;
+            transition: color 0.4s var(--ease-quart);
        }

        // Active link