@exadel/esl/modules/esl-forms/esl-select/core/esl-select-renderer.less

Exadel Smart Library (ESL) is the lightweight custom elements library that provide a set of super-flexible components

esl-select-renderer {
  // Specific
  &.esl-select-renderer.esl-select-renderer {
    display: flex;
    align-items: center;
  }

  &::before {
    content: attr(empty-text);
    color: @esl-select-empty-color;
  }
  &[has-value]::before {
    display: none;
  }

  .esl-select-text {
    display: inline-block;
    white-space: nowrap;
    max-height: 100%;
  }

  .esl-select-text + .esl-select-text {
    margin-left: 10px;
  }

  .esl-select-text-container {
    display: block;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
  }

  .esl-select-clear-btn {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0 10px;

    font-size: 14px;
    line-height: 14px;

    border: none;
    background: transparent;

    &::before {
      content: '\2715';
    }
  }
  &:not([multiple]) .esl-select-clear-btn {
    display: none;
  }
}