From d27992d1f25bc3f8b0ce92efb313ccc4b97b8406 Mon Sep 17 00:00:00 2001 From: Gregory Ballantine Date: Sat, 21 Aug 2021 21:50:41 -0400 Subject: [PATCH] Added some hover animations for nav links --- src/assets/stylesheets/lumbridge.sass | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/assets/stylesheets/lumbridge.sass b/src/assets/stylesheets/lumbridge.sass index 3862bb4..c22e8e2 100644 --- a/src/assets/stylesheets/lumbridge.sass +++ b/src/assets/stylesheets/lumbridge.sass @@ -13,7 +13,7 @@ a color: $color-primary font-weight: 500 text-decoration: none - transition: color 200ms ease-in-out + transition: color 300ms ease-in-out &:hover color: $color-primary-hover @@ -82,11 +82,14 @@ hr padding: 0 border-radius: 10px font-size: 3rem - transition: background 200ms ease-in-out + transition: all 300ms ease-in-out &:hover background: rgba(#000000, 0.1) + margin-left: 25px + margin-right: 25px + transform: scale(1.1) a - padding: 15px 25px + padding: 20px 30px text-decoration: underline #main-content