From 716e38d7cc910b0d18bfb4ad857b9a312fdf9b83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Thu, 27 Feb 2020 23:06:20 +0100
Subject: [PATCH] Add some hover on links

---
 src/style/_base.scss             |  2 +-
 src/style/molecules/_footer.scss | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/style/_base.scss b/src/style/_base.scss
index ef483ed..5176ee2 100644
--- a/src/style/_base.scss
+++ b/src/style/_base.scss
@@ -171,7 +171,7 @@ button {
         text-decoration: none;
 
         &:hover {
-            text-decoration: underline;
+            color: $color-secondary;
         }
     }
 
diff --git a/src/style/molecules/_footer.scss b/src/style/molecules/_footer.scss
index ba9cc7f..f1f032a 100644
--- a/src/style/molecules/_footer.scss
+++ b/src/style/molecules/_footer.scss
@@ -59,13 +59,21 @@
                 }
             }
         }
+
         a {
-            text-decoration: none;
+            position: relative;
             color: #fff;
+            text-decoration: none;
+            transition: color 85ms $ease-inout;
 
             img {
                 margin-right: 16px;
             }
+
+            // Hover
+            &:hover {
+                color: $color-secondary;
+            }
         }
 
         // Instagram
@@ -93,11 +101,18 @@
             img {
                 display: inline-block;
                 margin: 8px 0 0 12px;
+                transition: transform 400ms $ease-quart;
+                will-change: transform;
 
                 @include breakpoint (sm) {
                     margin-left: 16px;
                 }
             }
+
+            // Hover
+            a:hover img {
+                transform: scale(1.025);
+            }
         }
     }
 }