rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

move all nav link and collapse and container behaviors to the toggleable class generation area; this way the .navbar-toggleable-* goes on .navbar, easily affecting everything that needs updating for each breakpoint's use

Browse Source
This commit is contained in:
Mark Otto 2016-12-21 17:51:35 -08:00 committed by Mark Otto
parent 8a8719b75c
commit 5432e7621c
1 changed files with 24 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
scss/_navbar.scss
View File

@ -6,19 +6,6 @@
.navbar {
position: relative;
padding: $navbar-padding-y $navbar-padding-x;
@include media-breakpoint-up(sm) {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
// For nesting containers, have to redeclare for alignment purposes
> .container {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
}
.navbar-toggler-left {
@ -136,17 +123,6 @@
padding-top: .425rem;
padding-bottom: .425rem;
}
@include media-breakpoint-up(sm) {
.nav-item {
display: inline-block;
}
.nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
}
}
@ -269,8 +245,30 @@
}
@include media-breakpoint-up($next) {
display: flex !important;
width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: center;
// For nesting containers, have to redeclare for alignment purposes
> .container {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.navbar-collapse {
display: flex !important;
width: 100%;
}
.nav-item {
display: inline-block;
}
.nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
}
}
}