.bd-navbar { --bs-gutter-x: $bd-gutter-x; --bs-gutter-y: $bd-gutter-x; padding: .75rem 0; background-color: $bd-violet; .navbar-toggler { padding: 0; border: 0; } .navbar-nav { .nav-link { padding-right: $spacer * .25; padding-left: $spacer * .25; color: rgba($white, .85); &:hover, &:focus { color: $white; } &.active { font-weight: 600; color: $white; } } } .navbar-nav-svg { width: 1rem; height: 1rem; } .offcanvas { background-color: $bd-violet; border-left: 0; @include media-breakpoint-down(md) { box-shadow: $box-shadow-lg; } } }