From 80fc98d4ca57a331e5f8a9de568534ce47e2b7d3 Mon Sep 17 00:00:00 2001
From: Maciej Matuszewski <maciek.matuszewski@gmail.com>
Date: Tue, 16 Jan 2018 19:19:10 +0100
Subject: [PATCH] Add footer link hover interaction

---
 src/styles/components/_footer.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/styles/components/_footer.scss b/src/styles/components/_footer.scss
index d962916..96d2284 100644
--- a/src/styles/components/_footer.scss
+++ b/src/styles/components/_footer.scss
@@ -17,11 +17,30 @@
   }
 
   &__link {
+    position: relative;
     display: block;
     padding: 10px;
     font-weight: 700;
     color: inherit;
     text-decoration: none;
+
+    &::before {
+      position: absolute;
+      bottom: 6px;
+      left: 10px;
+      display: block;
+      width: calc(100% - 20px);
+      height: 2px;
+      background: $color-black;
+      content: '';
+      transform: scaleX(0);
+      transform-origin: left center;
+      transition: transform .5s $ease-out-quart;
+    }
+
+    &:hover::before {
+      transform: scaleX(1);
+    }
   }
 
   &__attribution {