Contents

@if $moovui-init {
select {
  @include appearance(none);
  @include radius;
  background: #fafafa;
  border: 1px solid #ccc;
  font: 14px/#{$line-height} $font;
  padding: 5px 30px 5px 6px;
  &:not(.autocomplete) + .chosen-container .chosen-search {
    position: absolute;
    left: -9999px;
  }
}

.chosen-container {
  font-size: 14px;
  margin: 0 0 $sp2;
  position: relative;
  vertical-align: middle;
}
.chosen-container-active .chosen-single {
  border-color: #aaa;
}

.chosen-single {
  @include radius;
  background: #fafafa;
  border: 1px solid #ccc;
  color: $text-color;
  display: block;
  font-weight: normal;
  line-height: $line-height;
  padding: 5px 6px;
  position: relative;
  div {
    color: #888;
    position: absolute;
    top: 6px;
    right: $sp;
    &:before {
      @include entypo-icon;
      @extend .icon-chevron-down:before;
    }
  }
}

.chosen-drop {
  @include box-shadow(rgba(#000, 0.2) 0 0 3px 1px);
  @include radius;
  background: #fff;
  margin: 4px 0 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: -9999px;
  white-space: nowrap;
  width: 100%;
  z-index: 100;
}

.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-search {
  border-bottom: 1px solid #ddd;
  input[type="text"] {
    @include box-shadow(none !important);
    border: 0;
    margin: 0;
    width: 100%;
  }
}

.chosen-results {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  max-height: 140px;
  li {
    display: none;
    padding: 2px 21px 2px 6px;
    white-space: nowrap;
  }
  .active-result {
    cursor: pointer;
    display: list-item;
  }
  .highlighted {
    background: #aaa;
    color: #fff;
  }
}
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
moovui-0.1.2	app/assets/stylesheets/modules/_select.scss
moovui-0.1.1	app/assets/stylesheets/modules/_select.scss
moovui-0.0.2	modules/_select.scss
moovui-0.0.1	modules/_select.scss