pdh-design-system/dist/css/organisms/Navbar/navlink.css

PDH Design System React Components

.navbar .nav-link {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  text-decoration: none !important;
}
.navbar .nav-link.disabled {
  color: var(--bs-gray-500);
}
.navbar .nav-link:hover {
  background-color: unset;
}
.navbar .nav-link.active {
  background-color: var(--bs-secondary);
  border-radius: 0.25rem;
}
.navbar .nav-link.show {
  color: var(--bs-white);
}
.navbar .dropdown-menu a.dropdown-item,
.navbar .dropdown-menu a.nav-item,
.navbar .dropdown-menu a.nav-link {
  --bs-dropdown-link-color: var(--bs-primary);
  --bs-dropdown-link-active-color: var(--bs-secondary);
  --bs-dropdown-link-active-bg: var(--bs-white);
  --bs-dropdown-link-hover-color: var(--bs-primary-dark);
  --bs-dropdown-link-hover-bg: var(--bs-gray-100);
}
.navbar .collapse.show .nav-link {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  text-decoration: none !important;
}
.navbar .collapse.show .nav-link.disabled {
  color: var(--bs-gray-500);
}
.navbar .collapse.show .nav-link:hover {
  background-color: unset;
}
.navbar .collapse.show .nav-link.active {
  background-color: var(--bs-secondary);
  border-radius: 0.25rem;
}
.navbar .collapse.show .nav-link.show {
  color: var(--bs-white);
}
.navbar .collapsing .nav-link {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  text-decoration: none !important;
}
.navbar .collapsing .nav-link.disabled {
  color: var(--bs-gray-500);
}
.navbar .collapsing .nav-link:hover {
  background-color: unset;
}
.navbar .collapsing .nav-link.active {
  background-color: var(--bs-secondary);
  border-radius: 0.25rem;
}
.navbar .collapsing .nav-link.show {
  color: var(--bs-white);
}
.navbar .navbar-nav {
  --bs-navbar-active-color: var(--bs-gray-200);
  --bs-navbar-hover-color: var(--bs-secondary);
  --bs-navbar-color: var(--bs-gray-200);
}