0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Bootstrap/site/assets/scss/_navbar.scss
XhmikosR 129bb08fc4
Use Hugo for our docs Sass and JS. (#29280)
Now there's only one command needed to run the docs: `npm run docs-serve`.

Also, simplify the npm scripts.
2019-09-17 00:22:49 +03:00

44 lines
720 B
SCSS

.bd-navbar {
min-height: 4rem;
background-color: $bd-purple-bright;
@include media-breakpoint-down(md) {
.navbar-nav-scroll {
width: 100%;
height: 2.5rem;
margin-top: .25rem;
overflow: hidden;
.navbar-nav {
padding-bottom: 2rem;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
}
}
.navbar-nav {
.nav-link {
color: rgba($white, .85);
&.active,
&:hover,
&:focus {
color: $white;
}
&.active {
font-weight: 600;
}
}
}
.navbar-nav-svg {
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: text-top;
}
}