From 1aaa12f435ce7a2f1fb47c3670f4143588335eaa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 18 Oct 2021 23:57:31 +0200
Subject: [PATCH] Add hover on Newsletter module links

---
 src/components/molecules/EmailForm.svelte |  2 +-
 src/style/molecules/_newsletter-form.scss |  5 ++++-
 src/style/organisms/_newsletter.scss      | 15 ++++++++++++++-
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/molecules/EmailForm.svelte b/src/components/molecules/EmailForm.svelte
index ee98ee0..e22b15d 100644
--- a/src/components/molecules/EmailForm.svelte
+++ b/src/components/molecules/EmailForm.svelte
@@ -33,7 +33,7 @@
     <div class="newsletter-form__bottom">
         {#if past}
             <a href="/subscribe" class="past-issues">
-                <svg width="20" height="16" viewBox="0 0 20 16" fill="#333" xmlns="http://www.w3.org/2000/svg" aria-label="Newsletter icon">
+                <svg width="20" height="16" viewBox="0 0 20 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Newsletter icon">
                     <path fill-rule="evenodd" clip-rule="evenodd" d="M18 2.346H2a.5.5 0 0 0-.5.5v11.102a.5.5 0 0 0 .5.5h16a.5.5 0 0 0 .5-.5V2.846a.5.5 0 0 0-.5-.5ZM2 .846a2 2 0 0 0-2 2v11.102a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.846a2 2 0 0 0-2-2H2Zm13.75 4.25h-2v3h2v-3Zm-2-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2ZM3.5 6.5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6Zm.25 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5Zm1.25 2a.5.5 0 0 0 0 1h6a.5.5 0 1 0 0-1H5Z" />
                 </svg>
                 <span>See past issues</span>
diff --git a/src/style/molecules/_newsletter-form.scss b/src/style/molecules/_newsletter-form.scss
index 3e5bbce..19fff99 100644
--- a/src/style/molecules/_newsletter-form.scss
+++ b/src/style/molecules/_newsletter-form.scss
@@ -53,7 +53,7 @@
         }
 
         // States
-        &.is-focused {
+        &.is-focused, &:hover {
             box-shadow: inset 0 0 0 4px $color-secondary;
         }
     }
@@ -78,6 +78,9 @@
             text-decoration: none;
             color: $color-text;
 
+            &, span {
+                transition: color 0.2s, border-color 0.2s;
+            }
             span {
                 display: block;
                 padding-bottom: 2px;
diff --git a/src/style/organisms/_newsletter.scss b/src/style/organisms/_newsletter.scss
index 38a3113..3060a34 100644
--- a/src/style/organisms/_newsletter.scss
+++ b/src/style/organisms/_newsletter.scss
@@ -33,9 +33,22 @@
                 margin-bottom: 40px;
             }
         }
+        .past-issues {
+            &:hover {
+                &, span {
+                    color: $color-secondary;
+                }
+                span {
+                    border-color: $color-secondary;
+                }
+            }
+        }
     }
 
-    // Variants
+
+    /*
+    ** Variants
+    */
     // Default color
     &--default {
         background: $color-tertiary 50% 0 / cover url(#{$dir-img}/newsletter-beige.jpg) no-repeat;