@import "../mixins/mixins";
@import "../config/variables";
//@import "./popper";

@include b(select-dropdown) {
  position: absolute;
  z-index: #{$--index-top + 1};
  border: none;
  border-radius: $--border-radius;
  background-color: $--color-white;
  box-sizing: border-box;
  margin: 4px 0;
  box-shadow: 0 4px 10px 0 rgba(128, 144, 160, 0.1), 0 0 1px 0 rgba(128, 144, 160, 0.81);
  overflow: hidden;

  @include when(multiple) {
    //& .el-select-dropdown__item.selected {
    //  color: $--select-option-selected;
    //  background-color: $--select-dropdown-background;
    //
    //  &.hover {
    //    background-color: $--select-option-hover-background;
    //  }
    //
    //  &::after {
    //    position: absolute;
    //    right: 20px;
    //    font-family: 'element-icons';
    //    content: "\E611";
    //    font-size: 12px;
    //    font-weight: bold;
    //    -webkit-font-smoothing: antialiased;
    //    -moz-osx-font-smoothing: grayscale;
    //  }
    //}
  }

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


}

@include b(popper-dropdown) {
  &[x-placement^="top"] {
    margin-bottom: $--size-base;
  }

  &[x-placement^="bottom"] {
    margin-top: $--size-base;
  }

  &[x-placement^="right"] {
    margin-left: $--size-base;
  }

  &[x-placement^="left"] {
    margin-right: $--size-base;
  }
}

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

@include b(select-dropdown__wrap) {
  max-height: 288px;
}

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