leo/essence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Shade navbar items when hovered

Browse Source
This commit is contained in:
Leo
2025-10-06 16:53:42 -05:00
parent 41a189fc39
commit 8d46ce60bd
2 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_variables.scss
View File

@@ -5,3 +5,5 @@ $success-50: hsl(134, 100%, 93%) !default;
$info-50: hsl(215, 100%, 97%) !default; $info-50: hsl(215, 100%, 97%) !default;
$warning-50: hsl(50, 100%, 96%) !default; $warning-50: hsl(50, 100%, 96%) !default;
$danger-50: hsl(350, 100%, 96%) !default; $danger-50: hsl(350, 100%, 96%) !default;
$secondary-25: hsl(200, 26%, 96%) !default;

11
scss/bootstrap/_navbar.scss
View File

@@ -1,9 +1,18 @@
.navbar { .essence-navbar.navbar {
z-index: 1040; z-index: 1040;
background-image: none; background-image: none;
.nav-link { .nav-link {
border-radius: 0.5rem;
white-space: nowrap; white-space: nowrap;
&:hover {
@include media-breakpoint-up(md) {
background-color: $secondary-25;
}
color: black;
}
} }
&.navbar-dark { &.navbar-dark {