@perfma/heaven/es/select/index.less

An UI Framework base [Ant Design V4](https://ant.design/components/overview-cn/) for React.

@import '~antd/es/select/style/index.less';
@import '../style/vars.less';

.@{ant-prefix}-select-selection-item,
.@{ant-prefix}-select-item-option-content {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.@{ant-prefix}-select-open .@{ant-prefix}-select-arrow {
  transform: rotate(180deg);
}
.@{ant-prefix}-select-arrow {
  transition: transform 0.2s;
}
.@{ant-prefix}-select-multiple .@{ant-prefix}-select-selection-item {
  border-radius: 2px;
  border-color: #d4d9dc;
  background: #fafafa;
}
.@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
  .@{ant-prefix}-select-selector {
  box-shadow: none !important;
}
.@{ant-prefix}-select-multiple
  .@{ant-prefix}-select-selection-item-remove
  > .anticon,
.ant-select-multiple .ant-select-selection-item-remove {
  vertical-align: -0.1em;
}
.@{ant-prefix}-select-selection-overflow-item-rest
  .@{ant-prefix}-select-selection-item {
  background: none;
  border-color: rgba(0, 0, 0, 0);
  padding-left: 2px;
}

.@{ant-prefix}-select-multiple.@{ant-prefix}-select-lg
  .@{ant-prefix}-select-selection-item {
  line-height: 28px;
  height: 28px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.@{ant-prefix}-select-multiple .@{ant-prefix}-select-selection-item {
  line-height: 24px;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.@{ant-prefix}-select-multiple.@{ant-prefix}-select-sm
  .@{ant-prefix}-select-selection-item {
  line-height: 20px;
  height: 20px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.@{ant-prefix}-select-multiple.@{ant-prefix}-select-sm
  .@{ant-prefix}-select-selector {
  padding-top: 0;
  padding-bottom: 0;
}