public
/
website
5
0
Fork 0
Code Issues 4 Pull Requests 4 Packages Projects Releases Wiki Activity

animate nav bar items on hover

This commit is contained in:
Anton Livaja 2025-03-15 07:01:43 -07:00
parent 9520dbb3e7
commit 42a7b0e9b5
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
_sass/base.scss
View File

@ -454,29 +454,33 @@ hr {
} }
#home-link:hover { #home-link:hover {
background: none; background: none;
text-decoration: none; text-decoration: none;
} }
.header-page-links li:before { .header-page-links li:before {
content: '' content: ''
} }
.header-page-links a { .header-page-links a {
margin: 0px 4px; display: inline-block;
font-size: 1.1rem; margin: 0px 4px;
text-decoration: none; font-size: 1.1rem;
text-decoration: none;
transition: transform 0.5s ease;
} }
.header-page-links a:hover { .header-page-links a:hover {
background-color: transparent; transform: translateY(-2px);
color: lightgrey; background-color: transparent;
color: var(--link-color);
} }
.left-menu { .left-menu {
display: flex; display: flex;
align-items: center; align-items: center;
filter: brightness(60%); filter: brightness(80%);
transition: transform 0.5s ease;
} }
.left-menu:hover { .left-menu:hover {
@ -849,12 +853,11 @@ textarea {
font-size: 16px; font-size: 16px;
caret-color: white !important; caret-color: white !important;
color: white !important; color: white !important;
height: 60px !important; height: 130px !important;
background: var(--background-color) !important; background: var(--background-color) !important;
width: 100%; width: 100%;
padding: 8px; padding: 8px;
margin-bottom: 10px; margin-bottom: 10px;
height: 40px;
} }
.form-textarea { .form-textarea {