public
/
website
5
0
Fork 0
Code Issues 8 Pull Requests 3 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 {
background: none;
text-decoration: none;
background: none;
text-decoration: none;
}
.header-page-links li:before {
content: ''
content: ''
}
.header-page-links a {
margin: 0px 4px;
font-size: 1.1rem;
text-decoration: none;
display: inline-block;
margin: 0px 4px;
font-size: 1.1rem;
text-decoration: none;
transition: transform 0.5s ease;
}
.header-page-links a:hover {
background-color: transparent;
color: lightgrey;
transform: translateY(-2px);
background-color: transparent;
color: var(--link-color);
}
.left-menu {
display: flex;
align-items: center;
filter: brightness(60%);
filter: brightness(80%);
transition: transform 0.5s ease;
}
.left-menu:hover {
@ -849,12 +853,11 @@ textarea {
font-size: 16px;
caret-color: white !important;
color: white !important;
height: 60px !important;
background: var(--background-color) !important;
width: 100%;
padding: 8px;
margin-bottom: 10px;
height: 40px;
height: 130px !important;
background: var(--background-color) !important;
width: 100%;
padding: 8px;
margin-bottom: 10px;
}
.form-textarea {