BitGoblin/website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added some hover animations for nav links

Browse Source
This commit is contained in:
Gregory Ballantine 2021-08-21 21:50:41 -04:00
parent e7e54fb543
commit d27992d1f2
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/stylesheets/lumbridge.sass
View File

@ -13,7 +13,7 @@ a
color: $color-primary color: $color-primary
font-weight: 500 font-weight: 500
text-decoration: none text-decoration: none
transition: color 200ms ease-in-out transition: color 300ms ease-in-out
&:hover &:hover
color: $color-primary-hover color: $color-primary-hover
@ -82,11 +82,14 @@ hr
padding: 0 padding: 0
border-radius: 10px border-radius: 10px
font-size: 3rem font-size: 3rem
transition: background 200ms ease-in-out transition: all 300ms ease-in-out
&:hover &:hover
background: rgba(#000000, 0.1) background: rgba(#000000, 0.1)
margin-left: 25px
margin-right: 25px
transform: scale(1.1)
a a
padding: 15px 25px padding: 20px 30px
text-decoration: underline text-decoration: underline
#main-content #main-content