From 0f704a872e16753129be343d8fac628473dfbc07 Mon Sep 17 00:00:00 2001 From: Robert Marshall Date: Sun, 15 Mar 2020 09:27:00 +0000 Subject: [PATCH] Add a link hover animation --- Website/wwwroot/css/style.less | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/Website/wwwroot/css/style.less b/Website/wwwroot/css/style.less index bfc7cb2..f9d5187 100644 --- a/Website/wwwroot/css/style.less +++ b/Website/wwwroot/css/style.less @@ -32,6 +32,19 @@ body { a { color: @primary; + position: relative; + text-decoration: none; + + background: linear-gradient(to bottom, @primary 0%, @primary 0%); + background-position: 0 100%; + background-size: 0px 0px; + background-repeat: repeat-y; + transition: all 0.3s ease-in-out 0s; + + &:hover { + color: white; + background-size: 100% 100%; + } } h1, h2, h3, h4, h5, h6 { @@ -41,6 +54,7 @@ h1, h2, h3, h4, h5, h6 { a { color: inherit; + text-decoration: underline; } }