Add hover on Newsletter module links

2021-10-18 23:57:31 +02:00
parent 1d6a3b9a93
commit 1aaa12f435
3 changed files with 19 additions and 3 deletions
--- 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;