@import '~antd/es/dropdown/style/index.less';
@import '../variable.less';

@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
@menu-prefix-cls: ~'@{ant-prefix}-menu';

.@{dropdown-prefix-cls} {
  &-menu {
    &-item,
    &-submenu-title {
      padding: @dropdown-menu-item-padding;
    }

    // with-icon
    .@{menu-prefix-cls}-item-with-icon {
      > div {
        > .@{iconfont-css-prefix} {
          margin-right: @dropdown-menu-item-icon-margin-right;
        }
      }
    }
  }
}

a:not([disabled]).@{dropdown-prefix-cls}-trigger {
  color: @text-color;

  &:hover {
    color: @primary-color-hover;
  }
}

// 向下 icon
.@{dropdown-prefix-cls}-trigger {
  &:hover {
    color: @primary-color-hover;

    .@{iconfont-css-prefix}-caret-down > svg {
      fill: currentColor;
    }
  }

  > .@{iconfont-css-prefix}-caret-down {
    transition: transform 0.2s;
    margin-left: 2px;
  }

  // open
  &.@{dropdown-prefix-cls}-open {
    > .@{iconfont-css-prefix}-caret-down {
      transform: rotate(180deg);
    }
  }

  // disabled
  &[disabled] {
    cursor: not-allowed;

    > .@{iconfont-css-prefix}-caret-down svg {
      fill: currentColor;
    }
  }
}