// // navbar // //
.navbar {
padding-left: 0; padding-right: 0;
}
.navbar-brand {
height: 35px; margin-top: .5rem; margin-bottom: .5rem; margin-right: 3rem; @include media-breakpoint-down(xs) { margin-right: 0rem; } &.navbar-brand-sm { height: 36px; } &.navbar-brand-lg { height: 56px; } .navbar-logo { width: auto; max-height: 100%; display: none; }
}
.navbar-nav {
.nav-item { + .nav-item { margin-left: 1rem; } } .nav-link { @include transition; font-size: $font-size-sm; }
}
.navbar-toggler {
padding: 0!important; border: 0;
}
// Responsive // // Mobile View for Navbar @include media-breakpoint-down(lg) {
.navbar-logo-dark { display: block!important; } .navbar { .navbar-toggler { padding: .5rem; color: $navbar-light-color; border-color: $navbar-light-toggler-border-color; border-radius: 50%; } .nav-item { + .nav-item { margin: 0; } .nav-link { padding: 5px 0; color: $body-color; &:focus, &:hover { color: $canalplus; } } &.show, &.active { .nav-link { color: $canalplus; } } } } .navbar { .banner { display: none; } } .navbar-nav { .nav-item { width: 100%; padding: .5rem 0; .btn { display: block; background-color: $primary; color: $white; } } }
}
.overlay-active {
.headroom { max-height: 100vh; overflow: hidden; overflow-y: scroll; }
}