Skip to content

Commit

Permalink
(less) Address margins on .navbar-right to fix twbs#13325 twbs#13464.
Browse files Browse the repository at this point in the history
This commit follows f9fde56.
  • Loading branch information
loic committed Jul 7, 2014
1 parent 7f7456a commit c8cf14e
Showing 1 changed file with 19 additions and 23 deletions.
42 changes: 19 additions & 23 deletions navbar.less
Original file line number Diff line number Diff line change
Expand Up @@ -271,26 +271,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
Expand Down Expand Up @@ -326,11 +310,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;
}
}
}

Expand Down Expand Up @@ -375,14 +354,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
// --------------------------------------------------

Expand Down

0 comments on commit c8cf14e

Please sign in to comment.