@import '../../../../bootstrap/less/navbar';

//
// Navbars
// --------------------------------------------------

.navbar-brand-image {
  background-size: contain;
  width: @logo-width;
  height: @logo-height;
  text-indent: -5000em;
  background-repeat: no-repeat;
}

.navbar-static-top {
  margin-bottom: 0;
}
.navbar-static-top + .navbar-static-top {
  z-index: @zindex-navbar - 1; // Keep underneath top navbar
}

// Affixed navbar slide down animation
.keyframes(navbar-affix-slide-in, {
  from  { .translate(0,-@navbar-height); }
  to    { .translate(0,0); }
});

// Affixed navbars
.navbar-static-top.affix {
  top: 0;
  left: 0;
  right: 0;
  .animation(navbar-affix-slide-in @navbar-affix-slide-speed ease-out 1);
}
.navbar.affix {
  z-index: @zindex-navbar-fixed;
}

// Spacer for affixed navbars
.affix-spacer {
  display: none;
  .navbar.affix + & {
    min-height: @navbar-height;
    margin-bottom: @navbar-margin-bottom;
    display: block;
  }
  .navbar-default + & {
    background-color: @navbar-default-bg;
  }
  .navbar-inverse + & {
    background-color: @navbar-inverse-bg;
  }
}

// 'Resizable' navbar toggle icon
.navbar-toggle {
  @padding-vertical: floor((@navbar-height - @navbar-toggle-height)/4 - 1);
  @height: (@navbar-toggle-height + (@padding-vertical*2));
  padding: @padding-vertical @padding-base-horizontal;
  .navbar-vertical-align(@height);
  .icon-bar {
    width: @navbar-toggle-bar-width;
    height: @navbar-toggle-bar-height;
  }
  .icon-bar + .icon-bar {
    margin-top: @navbar-toggle-spacing;
  }
}

// Align, position and style badges in nav links
.navbar-nav > li > a .badge {
  font-family: @font-family-base;
  vertical-align: baseline;
  margin-left: 0.3em;
  margin-top: -1em;
}