Added some hover animations for nav links

2021-08-21 21:50:41 -04:00 · 2021-08-21 21:50:41 -04:00 · d27992d1f2
commit d27992d1f2
parent e7e54fb543
1 changed files with 6 additions and 3 deletions
--- 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