cip-components/styles/cci-stardand/select.less

@import "../variate.less";
.@{elNamespace}-select{
  &:hover {
    --@{elNamespace}-select-border-color-hover: var(~'--@{elNamespace}-color-primary');
  }
  .@{elNamespace}-tag.@{elNamespace}-tag--info {
      --@{elNamespace}-tag-text-color: var(~'--@{elNamespace}-text-color-primary');
    .@{elNamespace}-tag__close {
      color: var(~'--@{elNamespace}-color-info');
      &:hover {
        background-color: var(~'--@{elNamespace}-color-info-light-8')
      }
    }
    .@{elNamespace}-tag__content {
      display: flex;
      align-items: center;
    }
  }
}
.@{elNamespace}-select--disabled {
  .@{elNamespace}-tag.@{elNamespace}-tag--info{
    border-color: var(~'--@{elNamespace}-border-color-light');
    background-color: transparent;
  }
}
.@{elNamespace}-select-dropdown__item {
  &.hover {
    background-color: var(~'--@{elNamespace}-color-info-light-9');
  }
  &.is-disabled {
    color: var(~'--@{elNamespace}-color-info-light-5')
  }
}

.@{elNamespace}-cascader {
  .@{elNamespace}-input {
    .@{elNamespace}-input__wrapper:hover {
      box-shadow: 0 0 0 1px var(~'--@{elNamespace}-color-primary') inset;
    }
  }
}

.@{elNamespace}-picker__popper, .@{elNamespace}-cascader__dropdown, .@{elNamespace}-autocomplete__popper, .@{elNamespace}-select__popper, .@{elNamespace}-select-v2__popper, .@{elNamespace}-dropdown__popper{
  &[data-popper-placement|=bottom] {
    transform: translateY(-10px);
  }
  &[data-popper-placement|=top] {
    transform: translateY(10px);
  }
  .@{elNamespace}-popper__arrow {
    display: none;
  }
}
.cip-nav-color {
  transform: translateY(16px);
}
.cip-nav-layout {
  transform: translateY(-10px);
}

.@{elNamespace}-popper.cip-menu-popper.cip-menu-popper--horizontal {
  max-width: 100%;
}