@import '../scss/variable';

$select: #{$prefix}-select;
@mixin ne-select {
  .#{$select} {
    .#{$select}-input {
      width: 100%;
      input {
        cursor: pointer;
      }
    }
    .#{$select}-icon:before {
      transform: rotate(0deg);
      transition: transform $animation-duration-base;
    }
    .#{$select}-open {
      .#{$select}-icon:before {
        transform: rotate(180deg);
      }
    }
    .#{$select}-disabled {
      input {
        cursor: not-allowed;
      }
    }
    .#{$select}-multiple {
      flex-wrap: wrap;
    }
  }

  .#{$select}-menu {
    width: 100%;
    min-width: 100px;
    max-height: 300px;
  }
}