.dropdown-menu {
  background-clip: border-box;
  border-color: $border-color;

  &.dropdown-menu-right {
    @extend .x-animation-origin-right-top;
  }

  .dropup & {
    transform: translateY(0)!important; // To fix ngx-bootstrap & Bootstrap Dropup style conflict
  }
  @if($has-custom-theme) {
    @include custom-theme-color(primary, color);
  }
}

.dropdown-header {
  @include custom-theme-color(seondary, color);
}

.dropdown-item {
  &.active:not(:hover) {
    @include custom-theme-color(primary, color);
  }

  &:not(:disabled):not(.disabled):active,
  &:not(:disabled):not(.disabled).active,
  .show > &.dropdown-toggle {
    @include custom-theme-color(primary, color);
    @extend %bg-transparent;
  }
}

.dropdown,
.dropdown-item {
  font-size: $font-size-sm;
}

.dropdown-item {
  @include hover-focus {
    cursor: $cursor-pointer;
  }
}