yuki/yuki.k4w411.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add temporary navbar hover

Browse source
This commit is contained in:
yuki 2025-10-12 07:10:55 -03:00
parent 35bcfe9567
commit f9cb750c17
Signed by: yuki
GPG key ID: 0C98E6FF04EC3915
4 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
_img/hover.xcf
View file

Binary file not shown.

4
css/main.scss
View file

@ -79,12 +79,14 @@ body {
&:hover { background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -10%) 100%); }
}
--hover-image: url('/img/nav/default_hover.jpg');
/* TODO: finish each navbar image
&#home:hover ~ #nav-hover { --hover-image: url('/img/nav/home_hover.jpg'); }
&#about:hover ~ #nav-hover { --hover-image: url('/img/nav/about_hover.jpg'); }
&#blog:hover ~ #nav-hover { --hover-image: url('/img/nav/blog_hover.jpg'); }
&#reviews:hover ~ #nav-hover { --hover-image: url('/img/nav/reviews_hover.jpg'); }
&#links:hover ~ #nav-hover { --hover-image: url('/img/nav/links_hover.jpg'); }
&#contact:hover ~ #nav-hover { --hover-image: url('/img/nav/contact_hover.jpg'); }
*/
}
#nav-hover {
width: 100%;
@ -92,6 +94,8 @@ body {
max-height: 103px;
background: mp.$bg;
background-image: var(--hover-image, none);
/* temporary until i finish navbar images */
&:hover { --hover-image: url('/img/nav/temp_hover.jpg'); }
}
}
}

BIN
img/nav/about_hover.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
img/nav/temp_hover.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 73 KiB