twbs--bootstrap/docs/assets/scss/_nav.scss

44 lines
660 B
SCSS

//
// Main navbar
//
.bd-navbar {
padding-right: 0;
padding-left: 0;
margin-bottom: 2rem;
border-bottom: 1px solid rgba(0,0,0,.1);
box-shadow: 0 6px 12px rgba(0,0,0,.05);
.navbar-nav {
.nav-link {
color: $bd-graphite-light;
&.active,
&:hover,
&:focus {
color: $gray-dark;
background-color: transparent;
}
&.active {
font-weight: 500;
color: darken($gray-dark, 15%);
}
}
}
.dropdown-menu {
font-size: inherit;
}
@include media-breakpoint-down(sm) {
.nav-link {
float: none;
+ .nav-link {
margin-left: 0;
}
}
}
}