@import "~bootstrap/scss/dropdown";

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

  &.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) {
    @extend .x-text-primary;
  }
}

.dropdown-header {
	color: theme-color("secondary");
}

@if($has-custom-theme) {
  .dropdown-item {
    @extend .x-btn-inverted-primary;
  }

}

@if ($is-sirius) {
	.dropdown,
  .dropdown-item {
    @extend %font-size-sm;
  }

  .dropdown-toggle:not(.dropdown-toggle-split):after {
    @extend .ml-1;
  }
  .dropdown-toggle-split {
    @extend .px-2;
  }

	.dropdown-item {
    @include hover-focus {
      @extend %cursor-pointer;
		}
	}
}