Blame content/assets/css/bootstrap/_navbar.scss

e8ec7a
//
e8ec7a
// Navbars
e8ec7a
// --------------------------------------------------
e8ec7a
e8ec7a
e8ec7a
// Wrapper and base class
e8ec7a
//
e8ec7a
// Provide a static navbar from which we expand to create full-width, fixed, and
e8ec7a
// other navbar variations.
e8ec7a
e8ec7a
.navbar {
e8ec7a
  position: relative;
e8ec7a
  z-index: $zindex-navbar;
e8ec7a
  min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
e8ec7a
  margin-bottom: $navbar-margin-bottom;
e8ec7a
  border: 1px solid transparent;
e8ec7a
e8ec7a
  // Prevent floats from breaking the navbar
e8ec7a
  @include clearfix();
e8ec7a
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    border-radius: $navbar-border-radius;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Navbar heading
e8ec7a
//
e8ec7a
// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
e8ec7a
// styling of responsive aspects.
e8ec7a
e8ec7a
.navbar-header {
e8ec7a
  @include clearfix();
e8ec7a
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    float: left;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Navbar collapse (body)
e8ec7a
//
e8ec7a
// Group your navbar content into this for easy collapsing and expanding across
e8ec7a
// various device sizes. By default, this content is collapsed when <768px, but
e8ec7a
// will expand past that for a horizontal display.
e8ec7a
//
e8ec7a
// To start (on mobile devices) the navbar links, forms, and buttons are stacked
e8ec7a
// vertically and include a `max-height` to overflow in case you have too much
e8ec7a
// content for the user's viewport.
e8ec7a
e8ec7a
.navbar-collapse {
e8ec7a
  max-height: 340px;
e8ec7a
  overflow-x: visible;
e8ec7a
  padding-right: $navbar-padding-horizontal;
e8ec7a
  padding-left:  $navbar-padding-horizontal;
e8ec7a
  border-top: 1px solid transparent;
e8ec7a
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
e8ec7a
  @include clearfix();
e8ec7a
  -webkit-overflow-scrolling: touch;
e8ec7a
e8ec7a
  &.in {
e8ec7a
    overflow-y: auto;
e8ec7a
  }
e8ec7a
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    width: auto;
e8ec7a
    border-top: 0;
e8ec7a
    box-shadow: none;
e8ec7a
e8ec7a
    &.collapse {
e8ec7a
      display: block !important;
e8ec7a
      height: auto !important;
e8ec7a
      padding-bottom: 0; // Override default setting
e8ec7a
      overflow: visible !important;
e8ec7a
    }
e8ec7a
e8ec7a
    &.in {
e8ec7a
      overflow-y: visible;
e8ec7a
    }
e8ec7a
e8ec7a
    // Account for first and last children spacing
e8ec7a
    .navbar-nav.navbar-left:first-child {
e8ec7a
      margin-left: -$navbar-padding-horizontal;
e8ec7a
    }
e8ec7a
    .navbar-nav.navbar-right:last-child {
e8ec7a
      margin-right: -$navbar-padding-horizontal;
e8ec7a
    }
e8ec7a
    .navbar-text:last-child {
e8ec7a
      margin-right: 0;
e8ec7a
    }
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Both navbar header and collapse
e8ec7a
//
e8ec7a
// When a container is present, change the behavior of the header and collapse.
e8ec7a
e8ec7a
.container > .navbar-header,
e8ec7a
.container > .navbar-collapse {
e8ec7a
  margin-right: -$navbar-padding-horizontal;
e8ec7a
  margin-left:  -$navbar-padding-horizontal;
e8ec7a
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    margin-right: 0;
e8ec7a
    margin-left:  0;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
//
e8ec7a
// Navbar alignment options
e8ec7a
//
e8ec7a
// Display the navbar across the entirity of the page or fixed it to the top or
e8ec7a
// bottom of the page.
e8ec7a
e8ec7a
// Static top (unfixed, but 100% wide) navbar
e8ec7a
.navbar-static-top {
e8ec7a
  border-width: 0 0 1px;
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    border-radius: 0;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
// Fix the top/bottom navbars when screen real estate supports it
e8ec7a
.navbar-fixed-top,
e8ec7a
.navbar-fixed-bottom {
e8ec7a
  position: fixed;
e8ec7a
  right: 0;
e8ec7a
  left: 0;
e8ec7a
  border-width: 0 0 1px;
e8ec7a
e8ec7a
  // Undo the rounded corners
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    border-radius: 0;
e8ec7a
  }
e8ec7a
}
e8ec7a
.navbar-fixed-top {
e8ec7a
  z-index: $zindex-navbar-fixed;
e8ec7a
  top: 0;
e8ec7a
}
e8ec7a
.navbar-fixed-bottom {
e8ec7a
  bottom: 0;
e8ec7a
  margin-bottom: 0; // override .navbar defaults
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Brand/project name
e8ec7a
e8ec7a
.navbar-brand {
e8ec7a
  float: left;
e8ec7a
  padding: $navbar-padding-vertical $navbar-padding-horizontal;
e8ec7a
  font-size: $font-size-large;
e8ec7a
  line-height: $line-height-computed;
e8ec7a
  &:hover,
e8ec7a
  &:focus {
e8ec7a
    text-decoration: none;
e8ec7a
  }
e8ec7a
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    .navbar > .container & {
e8ec7a
      margin-left: -$navbar-padding-horizontal;
e8ec7a
    }
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Navbar toggle
e8ec7a
//
e8ec7a
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
e8ec7a
// JavaScript plugin.
e8ec7a
e8ec7a
.navbar-toggle {
e8ec7a
  position: relative;
e8ec7a
  float: right;
e8ec7a
  margin-right: $navbar-padding-horizontal;
e8ec7a
  padding: 9px 10px;
e8ec7a
  @include navbar-vertical-align(34px);
e8ec7a
  background-color: transparent;
e8ec7a
  border: 1px solid transparent;
e8ec7a
  border-radius: $border-radius-base;
e8ec7a
e8ec7a
  // Bars
e8ec7a
  .icon-bar {
e8ec7a
    display: block;
e8ec7a
    width: 22px;
e8ec7a
    height: 2px;
e8ec7a
    border-radius: 1px;
e8ec7a
  }
e8ec7a
  .icon-bar + .icon-bar {
e8ec7a
    margin-top: 4px;
e8ec7a
  }
e8ec7a
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    display: none;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Navbar nav links
e8ec7a
//
e8ec7a
// Builds on top of the `.nav` components with it's own modifier class to make
e8ec7a
// the nav the full height of the horizontal nav (above 768px).
e8ec7a
e8ec7a
.navbar-nav {
e8ec7a
  margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal);
e8ec7a
e8ec7a
  > li > a {
e8ec7a
    padding-top:    10px;
e8ec7a
    padding-bottom: 10px;
e8ec7a
    line-height: $line-height-computed;
e8ec7a
  }
e8ec7a
e8ec7a
  @media (max-width: $screen-xs-max) {
e8ec7a
    // Dropdowns get custom display when collapsed
e8ec7a
    .open .dropdown-menu {
e8ec7a
      position: static;
e8ec7a
      float: none;
e8ec7a
      width: auto;
e8ec7a
      margin-top: 0;
e8ec7a
      background-color: transparent;
e8ec7a
      border: 0;
e8ec7a
      box-shadow: none;
e8ec7a
      > li > a,
e8ec7a
      .dropdown-header {
e8ec7a
        padding: 5px 15px 5px 25px;
e8ec7a
      }
e8ec7a
      > li > a {
e8ec7a
        line-height: $line-height-computed;
e8ec7a
        &:hover,
e8ec7a
        &:focus {
e8ec7a
          background-image: none;
e8ec7a
        }
e8ec7a
      }
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  // Uncollapse the nav
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    float: left;
e8ec7a
    margin: 0;
e8ec7a
e8ec7a
    > li {
e8ec7a
      float: left;
e8ec7a
      > a {
e8ec7a
        padding-top: (($navbar-height - $line-height-computed) / 2);
e8ec7a
        padding-bottom: (($navbar-height - $line-height-computed) / 2);
e8ec7a
      }
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Component alignment
e8ec7a
//
e8ec7a
// Repurpose the pull utilities as their own navbar utilities to avoid specifity
e8ec7a
// issues with parents and chaining. Only do this when the navbar is uncollapsed
e8ec7a
// though so that navbar contents properly stack and align in mobile.
e8ec7a
e8ec7a
@media (min-width: $grid-float-breakpoint) {
e8ec7a
  .navbar-left {
e8ec7a
    float: left !important;
e8ec7a
  }
e8ec7a
  .navbar-right {
e8ec7a
    float: right !important;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Navbar form
e8ec7a
//
e8ec7a
// Extension of the `.form-inline` with some extra flavor for optimum display in
e8ec7a
// our navbars.
e8ec7a
e8ec7a
.navbar-form {
e8ec7a
  margin-left: -$navbar-padding-horizontal;
e8ec7a
  margin-right: -$navbar-padding-horizontal;
e8ec7a
  padding: 10px $navbar-padding-horizontal;
e8ec7a
  border-top: 1px solid transparent;
e8ec7a
  border-bottom: 1px solid transparent;
e8ec7a
  $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
e8ec7a
  @include box-shadow($shadow);
e8ec7a
e8ec7a
  // Mixin behavior for optimum display
e8ec7a
  @extend .form-inline;
e8ec7a
e8ec7a
  .form-group {
e8ec7a
    @media (max-width: $screen-xs-max) {
e8ec7a
      margin-bottom: 5px;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  // Vertically center in expanded, horizontal navbar
e8ec7a
  @include navbar-vertical-align($input-height-base);
e8ec7a
e8ec7a
  // Undo 100% width for pull classes
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    width: auto;
e8ec7a
    border: 0;
e8ec7a
    margin-left: 0;
e8ec7a
    margin-right: 0;
e8ec7a
    padding-top: 0;
e8ec7a
    padding-bottom: 0;
e8ec7a
    @include box-shadow(none);
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Dropdown menus
e8ec7a
e8ec7a
// Menu position and menu carets
e8ec7a
.navbar-nav > li > .dropdown-menu {
e8ec7a
  margin-top: 0;
e8ec7a
  @include border-top-radius(0);
e8ec7a
}
e8ec7a
// Menu position and menu caret support for dropups via extra dropup class
e8ec7a
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
e8ec7a
  @include border-bottom-radius(0);
e8ec7a
}
e8ec7a
e8ec7a
// Right aligned menus need alt position
e8ec7a
.navbar-nav.pull-right > li > .dropdown-menu,
e8ec7a
.navbar-nav > li > .dropdown-menu.pull-right {
e8ec7a
  left: auto;
e8ec7a
  right: 0;
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Buttons in navbars
e8ec7a
//
e8ec7a
// Vertically center a button within a navbar (when *not* in a form).
e8ec7a
e8ec7a
.navbar-btn {
e8ec7a
  @include navbar-vertical-align($input-height-base);
e8ec7a
}
e8ec7a
e8ec7a
e8ec7a
// Text in navbars
e8ec7a
//
e8ec7a
// Add a class to make any element properly align itself vertically within the navbars.
e8ec7a
e8ec7a
.navbar-text {
e8ec7a
  float: left;
e8ec7a
  @include navbar-vertical-align($line-height-computed);
e8ec7a
e8ec7a
  @media (min-width: $grid-float-breakpoint) {
e8ec7a
    margin-left: $navbar-padding-horizontal;
e8ec7a
    margin-right: $navbar-padding-horizontal;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
// Alternate navbars
e8ec7a
// --------------------------------------------------
e8ec7a
e8ec7a
// Default navbar
e8ec7a
.navbar-default {
e8ec7a
  background-color: $navbar-default-bg;
e8ec7a
  border-color: $navbar-default-border;
e8ec7a
e8ec7a
  .navbar-brand {
e8ec7a
    color: $navbar-default-brand-color;
e8ec7a
    &:hover,
e8ec7a
    &:focus {
e8ec7a
      color: $navbar-default-brand-hover-color;
e8ec7a
      background-color: $navbar-default-brand-hover-bg;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  .navbar-text {
e8ec7a
    color: $navbar-default-color;
e8ec7a
  }
e8ec7a
e8ec7a
  .navbar-nav {
e8ec7a
    > li > a {
e8ec7a
      color: $navbar-default-link-color;
e8ec7a
e8ec7a
      &:hover,
e8ec7a
      &:focus {
e8ec7a
        color: $navbar-default-link-hover-color;
e8ec7a
        background-color: $navbar-default-link-hover-bg;
e8ec7a
      }
e8ec7a
    }
e8ec7a
    > .active > a {
e8ec7a
      &,
e8ec7a
      &:hover,
e8ec7a
      &:focus {
e8ec7a
        color: $navbar-default-link-active-color;
e8ec7a
        background-color: $navbar-default-link-active-bg;
e8ec7a
      }
e8ec7a
    }
e8ec7a
    > .disabled > a {
e8ec7a
      &,
e8ec7a
      &:hover,
e8ec7a
      &:focus {
e8ec7a
        color: $navbar-default-link-disabled-color;
e8ec7a
        background-color: $navbar-default-link-disabled-bg;
e8ec7a
      }
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  .navbar-toggle {
e8ec7a
    border-color: $navbar-default-toggle-border-color;
e8ec7a
    &:hover,
e8ec7a
    &:focus {
e8ec7a
      background-color: $navbar-default-toggle-hover-bg;
e8ec7a
    }
e8ec7a
    .icon-bar {
e8ec7a
      background-color: $navbar-default-toggle-icon-bar-bg;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  .navbar-collapse,
e8ec7a
  .navbar-form {
e8ec7a
    border-color: darken($navbar-default-bg, 7%);
e8ec7a
  }
e8ec7a
e8ec7a
  // Dropdown menu items and carets
e8ec7a
  .navbar-nav {
e8ec7a
    // Caret should match text color on hover
e8ec7a
    > .dropdown > a:hover .caret,
e8ec7a
    > .dropdown > a:focus .caret {
e8ec7a
      border-top-color: $navbar-default-link-hover-color;
e8ec7a
      border-bottom-color: $navbar-default-link-hover-color;
e8ec7a
    }
e8ec7a
e8ec7a
    // Remove background color from open dropdown
e8ec7a
    > .open > a {
e8ec7a
      &,
e8ec7a
      &:hover,
e8ec7a
      &:focus {
e8ec7a
        background-color: $navbar-default-link-active-bg;
e8ec7a
        color: $navbar-default-link-active-color;
e8ec7a
        .caret {
e8ec7a
          border-top-color: $navbar-default-link-active-color;
e8ec7a
          border-bottom-color: $navbar-default-link-active-color;
e8ec7a
        }
e8ec7a
      }
e8ec7a
    }
e8ec7a
    > .dropdown > a .caret {
e8ec7a
      border-top-color: $navbar-default-link-color;
e8ec7a
      border-bottom-color: $navbar-default-link-color;
e8ec7a
    }
e8ec7a
e8ec7a
e8ec7a
    @media (max-width: $screen-xs-max) {
e8ec7a
      // Dropdowns get custom display when collapsed
e8ec7a
      .open .dropdown-menu {
e8ec7a
        > li > a {
e8ec7a
          color: $navbar-default-link-color;
e8ec7a
          &:hover,
e8ec7a
          &:focus {
e8ec7a
            color: $navbar-default-link-hover-color;
e8ec7a
            background-color: $navbar-default-link-hover-bg;
e8ec7a
          }
e8ec7a
        }
e8ec7a
        > .active > a {
e8ec7a
          &,
e8ec7a
          &:hover,
e8ec7a
          &:focus {
e8ec7a
            color: $navbar-default-link-active-color;
e8ec7a
            background-color: $navbar-default-link-active-bg;
e8ec7a
          }
e8ec7a
        }
e8ec7a
        > .disabled > a {
e8ec7a
          &,
e8ec7a
          &:hover,
e8ec7a
          &:focus {
e8ec7a
            color: $navbar-default-link-disabled-color;
e8ec7a
            background-color: $navbar-default-link-disabled-bg;
e8ec7a
          }
e8ec7a
        }
e8ec7a
      }
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
e8ec7a
  // Links in navbars
e8ec7a
  //
e8ec7a
  // Add a class to ensure links outside the navbar nav are colored correctly.
e8ec7a
e8ec7a
  .navbar-link {
e8ec7a
    color: $navbar-default-link-color;
e8ec7a
    &:hover {
e8ec7a
      color: $navbar-default-link-hover-color;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
}
e8ec7a
e8ec7a
// Inverse navbar
e8ec7a
e8ec7a
.navbar-inverse {
e8ec7a
  background-color: $navbar-inverse-bg;
e8ec7a
  border-color: $navbar-inverse-border;
e8ec7a
e8ec7a
  .navbar-brand {
e8ec7a
    color: $navbar-inverse-brand-color;
e8ec7a
    &:hover,
e8ec7a
    &:focus {
e8ec7a
      color: $navbar-inverse-brand-hover-color;
e8ec7a
      background-color: $navbar-inverse-brand-hover-bg;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  .navbar-text {
e8ec7a
    color: $navbar-inverse-color;
e8ec7a
  }
e8ec7a
e8ec7a
  .navbar-nav {
e8ec7a
    > li > a {
e8ec7a
      color: $navbar-inverse-link-color;
e8ec7a
e8ec7a
      &:hover,
e8ec7a
      &:focus {
e8ec7a
        color: $navbar-inverse-link-hover-color;
e8ec7a
        background-color: $navbar-inverse-link-hover-bg;
e8ec7a
      }
e8ec7a
    }
e8ec7a
    > .active > a {
e8ec7a
      &,
e8ec7a
      &:hover,
e8ec7a
      &:focus {
e8ec7a
        color: $navbar-inverse-link-active-color;
e8ec7a
        background-color: $navbar-inverse-link-active-bg;
e8ec7a
      }
e8ec7a
    }
e8ec7a
    > .disabled > a {
e8ec7a
      &,
e8ec7a
      &:hover,
e8ec7a
      &:focus {
e8ec7a
        color: $navbar-inverse-link-disabled-color;
e8ec7a
        background-color: $navbar-inverse-link-disabled-bg;
e8ec7a
      }
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  // Darken the responsive nav toggle
e8ec7a
  .navbar-toggle {
e8ec7a
    border-color: $navbar-inverse-toggle-border-color;
e8ec7a
    &:hover,
e8ec7a
    &:focus {
e8ec7a
      background-color: $navbar-inverse-toggle-hover-bg;
e8ec7a
    }
e8ec7a
    .icon-bar {
e8ec7a
      background-color: $navbar-inverse-toggle-icon-bar-bg;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  .navbar-collapse,
e8ec7a
  .navbar-form {
e8ec7a
    border-color: darken($navbar-inverse-bg, 7%);
e8ec7a
  }
e8ec7a
e8ec7a
  // Dropdowns
e8ec7a
  .navbar-nav {
e8ec7a
    > .open > a {
e8ec7a
      &,
e8ec7a
      &:hover,
e8ec7a
      &:focus {
e8ec7a
        background-color: $navbar-inverse-link-active-bg;
e8ec7a
        color: $navbar-inverse-link-active-color;
e8ec7a
      }
e8ec7a
    }
e8ec7a
    > .dropdown > a:hover .caret {
e8ec7a
      border-top-color: $navbar-inverse-link-hover-color;
e8ec7a
      border-bottom-color: $navbar-inverse-link-hover-color;
e8ec7a
    }
e8ec7a
    > .dropdown > a .caret {
e8ec7a
      border-top-color: $navbar-inverse-link-color;
e8ec7a
      border-bottom-color: $navbar-inverse-link-color;
e8ec7a
    }
e8ec7a
    > .open > a {
e8ec7a
      &,
e8ec7a
      &:hover,
e8ec7a
      &:focus {
e8ec7a
        .caret {
e8ec7a
          border-top-color: $navbar-inverse-link-active-color;
e8ec7a
          border-bottom-color: $navbar-inverse-link-active-color;
e8ec7a
        }
e8ec7a
      }
e8ec7a
    }
e8ec7a
e8ec7a
    @media (max-width: $screen-xs-max) {
e8ec7a
      // Dropdowns get custom display
e8ec7a
      .open .dropdown-menu {
e8ec7a
        > .dropdown-header {
e8ec7a
          border-color: $navbar-inverse-border;
e8ec7a
        }
e8ec7a
        > li > a {
e8ec7a
          color: $navbar-inverse-link-color;
e8ec7a
          &:hover,
e8ec7a
          &:focus {
e8ec7a
            color: $navbar-inverse-link-hover-color;
e8ec7a
            background-color: $navbar-inverse-link-hover-bg;
e8ec7a
          }
e8ec7a
        }
e8ec7a
        > .active > a {
e8ec7a
          &,
e8ec7a
          &:hover,
e8ec7a
          &:focus {
e8ec7a
            color: $navbar-inverse-link-active-color;
e8ec7a
            background-color: $navbar-inverse-link-active-bg;
e8ec7a
          }
e8ec7a
        }
e8ec7a
        > .disabled > a {
e8ec7a
          &,
e8ec7a
          &:hover,
e8ec7a
          &:focus {
e8ec7a
            color: $navbar-inverse-link-disabled-color;
e8ec7a
            background-color: $navbar-inverse-link-disabled-bg;
e8ec7a
          }
e8ec7a
        }
e8ec7a
      }
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  .navbar-link {
e8ec7a
    color: $navbar-inverse-link-color;
e8ec7a
    &:hover {
e8ec7a
      color: $navbar-inverse-link-hover-color;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
}