virtual-selector/src/stylesheet/components/virtual-selector-mixin.less

Virtual selector component for react.js

.selector-variant (@color) {
  & {
    color: @color;
  }
  .selector-filter {
    border-color: @color;
  }
  &.selector-opened {
    .selector-selection:after {
      border-color: transparent transparent @color transparent;
    }
  }
  .selector-selection {
    border-color: @color;
    &:after {
      border-color: @color transparent transparent transparent;
    }
  }
  .selector-multiple {
    .selector-choice {
      color: #FFF;
      border-color: @color;
      background-color: @color;
    }
  }
  &.selector-dropdown {
    border-color: @color;
  }
  .option-prepare {
    background-color: @color;
  }
  .selector-option:hover {
    color: #FFF;
    background-color: @color;
  }
}