@use '../bootstrap/init' as *;

.dropdown-menu {
  color: $dropdown-color;
  svg {
    fill: $dropdown-color;
  }

  background-color: $dropdown-bg;
}

.dropdown-item {
  color: $dropdown-link-color;
  svg {
    fill: $dropdown-link-color;
  }

  @include hover-focus() {
    color: $dropdown-link-hover-color;
    svg {
      fill: $dropdown-link-hover-color;
    }

    @include gradient-bg($dropdown-link-hover-bg);
  }

  &:active,
  &.active,
  &:active:hover,
  &.active:hover {
    color: $dropdown-link-active-color;
    background-color: $dropdown-link-active-bg;
    svg {
      fill: $dropdown-link-active-color;
    }
  }
}
