blog/Blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(style): improve nav item hover

Browse Source 
): title
This commit is contained in:
Price Hiller 2024-07-26 11:21:44 -05:00
parent e0f42f600c
commit c98f6ecf62
Signed by: Price
GPG Key ID: C3FADDE7A8534BEB
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/style/style.css
View File

@ -129,19 +129,17 @@ nav {
position: fixed;
top: 0;
width: 300px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: var(--sumiInk3);
border-right-style: solid;
border-right-color: var(--sumiInk3);
border-bottom-width: 4px;
border-style: solid;
border-top-style: none;
border-bottom-right-radius: 10px;
border-left-style: solid;
border-left-color: var(--sumiInk3);
border-bottom-left-radius: 10px;
/* Set the navbar to have highest priority so it shows above all other elements */
z-index: 1000;
border-color: var(--sumiInk3);
}
.nav-item:first-child {
border-bottom-left-radius: 10px;
}
@ -172,9 +170,9 @@ nav a:visited:hover {
}
.nav-item:hover {
color: var(--fujiWhite);
transition-duration: 0.3s;
background-color: color-mix(in srgb, var(--navbar-bg-color) 40%, transparent);
letter-spacing: +.05em;
color: var(--roninYellow);
}
.nav-item a {