fine-true/lib/select-option/index.less

A small and beautiful Vue3 version of the UI Library

.fine-select-option {
  cursor: pointer;
  padding: 5px;
  &:hover {
    background-color: #f5f5f5;
  }
  &.fine-select-option-actived {
    background-color: rgba(76, 149, 251, 0.2);
    .fine-select-option-content {
      color: var(--fine-blue);
    }
    .fine-select-option-actived-symbol {
      opacity: 1;
    }
  }
}

.fine-select-option-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.5;
  font-size: 14px;
  color: var(--fine-text-color);
  .fine-select-option-text {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .fine-select-option-actived-symbol {
    opacity: 0;
    color: var(--fine-blue);
  }
}