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

.Select {
  @include form-field-select;
  @include form-field-size($form-field-height-base, $form-field-font-size);
}

select.Select {
  // Remove arrow IE10-11
  &::-ms-expand {
    display: none;
  }

  // Hack for IE9
  @media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    padding-right: 0 !important;
    text-indent: 0;
    background-image: none !important;
  }
  &:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }

  //   border: none;
  // }
}



select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
option:not(:checked) {
  color: black; /* prevent <option>s from becoming transparent as well */
}

// select multiple
//

.Select--multiple {
  height: auto;
  background-image: none;
}

// state variations
//

.Select {
  @include select-success;
  @include select-error;
}