@import '../style/common.less';
  @import '../style/variables.dark.less';
  @import './../style/components/dropdown-menu.less';
.@{css-prefix}dropdown {
  display: inline-block;

  .@{css-prefix}icon {
    vertical-align: -3px;
    width: @font-size-lg;
    height: @font-size-lg;
  }

  &.@{css-prefix}dropdown-split-button {
    .btn-group .@{css-prefix}button {
      min-width: auto;
    }
    .dropdown-arrow-btn {
      padding: (@dropdown-arrow-btn-md-padding / 2) @dropdown-arrow-btn-md-padding;
      border-radius: 0 @border-radius-base @border-radius-base 0;
    }

    &.@{css-prefix}dropdown-sm {
      .dropdown-arrow-btn {
        padding: (@padding-xs / 2) @padding-xs;
      }
    }

  }
}

.@{css-prefix}dropdown-menu-wrapper {
  max-height: @auto-complete-content-height;
  overflow-x: hidden;
  // 美化滚动条
  .scrollbar();
  background-color: @dropdown-popper-bg;
  box-shadow: @dropdown-popper-shadow;
  border-radius: @border-radius-base;
  li.@{css-prefix}dropdown-item{
    margin: 0;
  }
  &.byted-dropdown-menu-wrapper {
    .byted-dropdown-item {
      font-size: @font-size-md;
    }
  }
  &.@{css-prefix}dropdown-menu-wrapper-sm {
    .@{css-prefix}dropdown-item {
      font-size: @font-size-sm;
    }
  }
}
.bui-transition-drop-enter-active {
  animation: bui-drop-animation .2s;
  transform-origin: center top;
}
.bui-transition-drop-leave-active {
  transform-origin: center top;
  animation: bui-drop-animation .2s reverse;
}
@keyframes bui-drop-animation {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(0.8);
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}