@import ../../environment

.navbar-default .navbar-nav

& > li > a
  transition: background-color $transition-subtle
  &:hover
    background-color: lighten($brand-primary, 5%)

.navbar-logout
  &:hover
    background-color: $btn-danger-bg
    color: white

// Generated navbar //////////////////////////////////////////////////////////// // Source: work.smarchal.com/twbscolor/sass/0066b3035ea3ffffffffffff0 $bgDefault: $brand-primary $bgHighlight: darken($brand-primary, 5%) $colDefault: $white $colHighlight: $white $dropDown: false

.navbar-default

background-color: $bgDefault
border-color: $bgHighlight
.navbar-brand
  color: $colDefault
  &:hover, &:focus
    color: $colHighlight
.navbar-text
  color: $colDefault
.navbar-nav
  > li
    > a
      color: $colDefault
      &:hover, &:focus
        color: $colHighlight
    @if $dropDown
      > .dropdown-menu
        background-color: $bgDefault
        > li
          > a
            color: $colDefault
            &:hover, &:focus
              color: $colHighlight
              background-color: $bgHighlight
          > .divider
            background-color: $bgHighlight
  @if $dropDown
    .open .dropdown-menu > .active
      > a, > a:hover, > a:focus
        color: $colHighlight
        background-color: $bgHighlight
  > .active
    > a, > a:hover, > a:focus
      color: $colHighlight
      background-color: $bgHighlight
  > .open
    > a, > a:hover, > a:focus
      color: $colHighlight
      background-color: $bgHighlight
.navbar-toggle
  border-color: $bgHighlight
  &:hover, &:focus
    background-color: $bgHighlight
  .icon-bar
    background-color: $colDefault
.navbar-collapse,
.navbar-form
  border-color: $colDefault
.navbar-link
  color: $colDefault
  &:hover
    color: $colHighlight

@media (max-width: 767px)

.navbar-default .navbar-nav .open .dropdown-menu
  > li > a
    color: $colDefault
    &:hover, &:focus
      color: $colHighlight
  > .active
    > a, > a:hover, > a:focus
      color: $colHighlight
      background-color: $bgHighlight