Footer: Use a SVG over image for Instagram

Allows to fill a different color on hover
2020-03-29 12:06:47 +02:00
parent 0ebd6b2601
commit cccba52fdc
2 changed files with 11 additions and 3 deletions
--- a/src/style/organisms/_footer.scss
+++ b/src/style/organisms/_footer.scss
@@ -70,7 +70,7 @@
            text-decoration: none;
            transition: color 85ms $ease-inout;

-            img {
+            img, svg {
                margin-right: 16px;
            }

@@ -87,8 +87,14 @@
                align-items: center;
                justify-content: center;
            }
-            img {
+            svg {
                display: block;
+                transition: fill 275ms $ease-cubic;
+            }
+
+            // Hover
+            a:hover svg {
+                fill: $color-secondary;
            }
        }