@import “../vars.scss”;

.sk-select {

position:relative;
cursor:pointer;
max-height:30px;
display:inline-block;

&.is-disabled {
  display:none
}

select {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  background:$sk-selector-background;
  padding:6px 10px;
  padding-right: 30px;
  border:1px solid $sk-selector-border-color;
  outline:0;
  font-weight:$sk-bold-weight;
  font-size:$sk-text-font-size;
  border-radius:$sk-border-radius;
  color:$sk-selector-text-color;
}

&:after {
  content:"";
  position:absolute;
  top:50%;
  margin-top:-3px;
  right:10px;
  @include sk-arrow-down(6px);
  pointer-events: none;
}

}