@import "~bootstrap/scss/dropdown";

.dropdown-menu {
  @extend .x-animation-origin-left-top;

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

  .dropup & {
    transform: translateY(0)!important; // To fix ngx-bootstrap & Bootstrap Dropup style conflict
  }
}

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

@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;
		}
	}
}