#index_navbar {
  background-color: $index-navbar-bg-color;
  border-color: $index-navbar-bg-color;
  font-size: $index-navbar-font-size;
}

#index_navbar .navbar-nav > li > a {
  color: $index-text-color;
  font-family: 'Open Sans Condensed', sans-serif;
}

#index_navbar .navbar-brand {
  color: $index-text-color;
  font-family: 'Orbitron', sans-serif;
  font-size: $index-navbar-brand-font-size;
}

#index_navbar .navbar-toggle .icon-bar {
  background-color: $index-text-color;
}

#index_navbar_toggle_button,
#index_navbar_toggle_button:active {
  border-color: $index-navbar-bg-color;
  background-color: $index-navbar-bg-color;
}

#index_navbar_submit_search_button,
#index_navbar_submit_search_button:active {
  background-color: $index-navbar-bg-color;
  border-color: $index-navbar-bg-color;
  color: $index-text-color;
}
#index_navbar {
  background-color: $index-navbar-bg-color;
  border-color: $index-navbar-bg-color;
  font-size: $index-navbar-font-size;
  .navbar-brand {
    color: $index-text-color;
    font-family: $index-header-font-list;
    font-size: $index-navbar-brand-font-size;
  }
  .navbar-toggle {
    .icon-bar {
      background-color: $index-text-color;
    }
  }
  .navbar-nav {
    &>li {
      &>a {
          color: $index-text-color;
          font-family: $index-navbar-font-list;
      }
    }
  }
}

#index_navbar_toggle_button,
#index_navbar_toggle_button:active {
  border-color: $index-navbar-bg-color;
  background-color: $index-navbar-bg-color;
}

#index_navbar_submit_search_button,
#index_navbar_submit_search_button:active {
  background-color: $index-navbar-bg-color;
  border-color: $index-navbar-bg-color;
  color: $index-text-color;
}
Refactor navbar styling using scss
Refactor navbar styling using scss

Rules are now nested and use appropriate variables.
