diff --git a/less/navbar.less b/less/navbar.less index 58cbae14d8..c7bdd36cc4 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -275,26 +275,10 @@ padding-bottom: @navbar-padding-vertical; } } - - &.navbar-right:first-child { - margin-right: -@navbar-padding-horizontal; - } } } -// Component alignment -// -// Repurpose the pull utilities as their own navbar utilities to avoid specificity -// issues with parents and chaining. Only do this when the navbar is uncollapsed -// though so that navbar contents properly stack and align in mobile. - -@media (min-width: @grid-float-breakpoint) { - .navbar-left { .pull-left(); } - .navbar-right { .pull-right(); } -} - - // Navbar form // // Extension of the `.form-inline` with some extra flavor for optimum display in @@ -330,11 +314,6 @@ padding-top: 0; padding-bottom: 0; .box-shadow(none); - - // Outdent the form if first child to line up with content down the page - &.navbar-right:first-child { - margin-right: -@navbar-padding-horizontal; - } } } @@ -379,14 +358,31 @@ float: left; margin-left: @navbar-padding-horizontal; margin-right: @navbar-padding-horizontal; + } +} - // Outdent the form if first child to line up with content down the page - &.navbar-right:first-child { + +// Component alignment +// +// Repurpose the pull utilities as their own navbar utilities to avoid specificity +// issues with parents and chaining. Only do this when the navbar is uncollapsed +// though so that navbar contents properly stack and align in mobile. +// +// Declared after the navbar components to ensure more specificity on the margins. + +@media (min-width: @grid-float-breakpoint) { + .navbar-left { .pull-left(); } + .navbar-right { + .pull-right(); + margin-right: -@navbar-padding-horizontal; + + ~ .navbar-right { margin-right: 0; } } } + // Alternate navbars // --------------------------------------------------