MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Match navbar toggler color to nav link color in header

Browse Source 
.container-header .navbar-toggler now uses --mainmenu-nav-link-color
for both text/border color and the hamburger icon SVG, matching
the rest of the navigation links.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-04 15:14:31 -05:00
parent ccf385c1cf
commit 9a83d52539
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/media/css/template.css
View File

@@ -13943,7 +13943,6 @@ meter {
background-position: center;
color: var(--hero-card-color, var(--hero-primary-color, #f1f5f9));
border-radius: var(--hero-card-border-radius, .5rem);
overflow: hidden;
}
/* ── PRIMARY VARIANT (uses default card vars) ── */
@@ -14385,6 +14384,15 @@ li.current a {
color: var(--link-hover-color, #c3d6ff);
}
.container-header .navbar-toggler {
color: var(--mainmenu-nav-link-color, #fff);
border-color: var(--mainmenu-nav-link-color, #fff);
}
.container-header .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18'%3e%3cpath stroke='rgba(255,255,255,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (min-width: 992px) {
.container-header .mod-menu>li::after {
position: absolute;