From d72a0705213d362e0e7907e8ff116a4023ef740a Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Mon, 4 Nov 2019 11:35:29 +0100 Subject: [PATCH] Change link hover effect --- src/scss/main.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/scss/main.scss b/src/scss/main.scss index 7591b0f..45c8c64 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -94,9 +94,12 @@ p > a { color: #000; font-weight: $font-semibold; border-bottom: 3px solid $orange; + transition: border-bottom-width 0.2s ease; &:hover { text-decoration: none; + color: #000; + border-bottom-width: 1px; } } @@ -113,7 +116,7 @@ p > a { border-radius: 4px; background-color: transparent; align-items: center; - transition: background-color 0.2s; + transition: background-color 0.2s ease; svg { width: 18px; @@ -286,9 +289,11 @@ p > a { border-bottom: 3px solid $orange; padding: 3px 5px; margin-right: 10px; + transition: border-bottom-width 0.2s ease; &:hover { - color: #ac5806; + color: #000; + border-bottom-width: 1px; } } }