bootstrap3color.stylus

// change nav bar color
//.navbar-inverse

$grid-float-breakpoint-max = 767px;

bootstrap3-navbar-color(topclass=navbar-default,
navbar-color = #777,
navbar-bg = #f8f8f8,
navbar-border = darken(navbar-bg, 6.5%),
navbar-link-color = #777,
navbar-link-hover-color = #333,
navbar-link-hover-bg = transparent,
navbar-link-active-color = #555,
navbar-link-active-bg = darken(navbar-bg, 6.5%),
navbar-link-disabled-color = #ccc,
navbar-link-disabled-bg = transparent,
navbar-brand-color = navbar-link-color,
navbar-brand-hover-color = darken(navbar-bg, 10%),
navbar-brand-hover-bg = transparent,
navbar-toggle-hover-bg = #ddd,
navbar-toggle-icon-bar-bg = #ccc,
navbar-toggle-border-color = #ddd)
  .{topclass}
    background-color: navbar-bg
    border-color: navbar-border

    .navbar-brand
      color: navbar-brand-color
      &:hover,&:focus
        color: navbar-brand-hover-color
        background-color: navbar-brand-hover-bg
    .navbar-text
      color: navbar-color
    .navbar-nav
      > li > a
        color: navbar-link-color
        &:hover,&:focus
          color: navbar-link-hover-color
          background-color: navbar-link-hover-bg
      > .active > a
        &,&:hover,&:focus
          color: navbar-link-active-color
          background-color: navbar-link-active-bg
      > .disabled > a
        &,&:hover,&:focus
          color: navbar-link-disabled-color
          background-color: navbar-link-disabled-bg
    .navbar-toggle
      border-color: navbar-toggle-border-color
      &:hover,&:focus
        background-color: navbar-toggle-hover-bg
      .icon-bar
        background-color: navbar-toggle-icon-bar-bg
    .navbar-collapse,.navbar-form
      border-color: navbar-border
    // Dropdown menu items
    .navbar-nav
      // Remove background color from open dropdown
      > .open > a
        &,&:hover,&:focus
          background-color: navbar-link-active-bg
          color: navbar-link-active-color
      @media (max-width: $grid-float-breakpoint-max)
        // Dropdowns get custom display when collapsed
        .open .dropdown-menu
          > li > a
            color: navbar-link-color
            &:hover,&:focus
              color: navbar-link-hover-color
              background-color: navbar-link-hover-bg
          > .active > a
            &,&:hover,&:focus
              color: navbar-link-active-color
              background-color: navbar-link-active-bg
          > .disabled > a
            &,&:hover,&:focus
              color: navbar-link-disabled-color
              background-color: navbar-link-disabled-bg
    .navbar-link
      color navbar-link-color
      &:hover
        color navbar-link-hover-color