@import "mixins/mixins";
// @import "common/var";
@import "./popper";

@include b(select-dropdown) {
  position: absolute;
  z-index: #{$--index-top + 1};
  // border: $--select-dropdown-border;
  border: $--border-width-base $--border-style-base $--select-border-color;
  // border-radius: $--border-radius-base;
  border-radius: $--border-radius-medium;
  background-color: $--select-dropdown-background;
  // box-shadow: $--box-shadow;
  box-shadow: $--shadow1-center;
  box-sizing: border-box;
  margin: 5px 0;
  min-width: 100px;
  max-width: 600px;
  padding: 4px 0;

  @include e(item) {
    &:hover {
      background-color: $--color-secondary;
    }
  }

  @include when(multiple) {
    & .el-select-dropdown__item.selected {
      //color: $--select-option-selected-font-color;
      background-color: white;

      &:hover {
        background-color: $--color-secondary;
      }

      &::after {
        //position: absolute;
        //right: 20px;
        //font-family: 'element-icons';
        //content: "\e0a8";
        //font-size: 12px;
        //-webkit-font-smoothing: antialiased;
        //-moz-osx-font-smoothing: grayscale;
      }
    }
  }

  .el-checkbox {
    margin-top: -2px; // 下拉框多选情况里的复选框和文本不水平对齐
    vertical-align: middle;
  }

  .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0;
  }
}

@include b(select-dropdown__empty) {
  padding: $--select-dropdown-empty-padding;
  margin: 0;
  text-align: center;
  color: $--select-dropdown-empty-color;
  font-size: $--select-font-size;
  line-height: 22px;
}

@include b(select-dropdown__wrap) {
  max-height: $--select-dropdown-max-height;
}

@include b(select-dropdown__list) {
  list-style: none;
  // padding: $--select-dropdown-padding;
  margin: 0;
  box-sizing: border-box;
}