app/assets/stylesheets/components/_navbar.scss
.navbar-light {
background: $body-bg;
}
.logo {
width: 60px;
}
.navbar-toggler-icon {
width: 2.2em;
height: 2.2em;
background-image: none !important;
}
.navbar-expand-sm .nav-collapse {
width: 100%;
}
.navbar-brand {
display: flex;
align-items: center;
font-family: $headers-font;
font-size: 30px;
font-weight: 900;
p {
margin: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm .nav-collapse {
width: 0;
}
}
@include media-breakpoint-down(sm) {
.logo {
width: 45px;
}
.navbar-brand {
font-size: 24px;
}
}