@use '../variables/colours' as *;
// Overrides Bootstrap 3.0's nav-tabs

/* nav-tabs and nav-pills styling */
.nav-tabs, .nav-pills {
  background-color: $color-primary-background;
  color: $color-primary-text;
  border-bottom: 0px;
}
.nav-tabs > li > a, .nav-pills > li > a {
  color: $color-primary-text;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: $color-secondary-background;
  color: $color-secondary-text;
  border: 1px solid $color-border-default;
  border-bottom-color: transparent; /* Only nav-tabs have a transparent border-bottom */
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background-color: $color-secondary-background;
  color: $color-secondary-text;
  border: 1px solid $color-border-default;
}
.nav-pills > li:last-child > a:hover,
.nav-pills > li:last-child > a:focus,
.nav-pills > li.active:last-child > a,
.nav-pills > li.active:last-child > a:focus,
.nav-pills > li.active:last-child > a:hover {
  border-right: 0px;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  border-radius: 0px;
}

/* custom styling for dropdown menus */
.dropdown-menu {
  border-radius: 0px;
  border: 1px solid $color-border-default;
  // box-shadow: 0px 0px 1px 1px $color-primary-background;
}