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

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

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

.@{ant-prefix}-tree-select-dropdown {
  padding: 8px 0;
}
.@{ant-prefix}-select-tree .@{ant-prefix}-select-tree-treenode {
  width: 100%;
  padding: 2px 0;
}
.@{ant-prefix}-select-tree-node-content-wrapper {
  overflow-x: hidden;
}
.@{ant-prefix}-select-tree-show-line
  .@{ant-prefix}-select-tree-indent-unit::before {
  top: -2px;
  bottom: -2px;
}
.@{ant-prefix}-tree-select-dropdown
  .@{ant-prefix}-select-tree-list-holder-inner
  .@{ant-prefix}-select-tree-treenode {
  padding-bottom: 0;
}
.@{ant-prefix}-select-tree
  .@{ant-prefix}-select-tree-treenode.@{ant-prefix}-select-tree-treenode-selected {
  background: #e8f5ff;
}
.@{ant-prefix}-select-tree
  .@{ant-prefix}-select-tree-treenode:not(.@{ant-prefix}-select-tree-treenode-selected):hover {
  background: #fafafa;
}
.@{ant-prefix}-select-tree-show-line .@{ant-prefix}-select-tree-switcher,
.@{ant-prefix}-select-tree
  .@{ant-prefix}-select-tree-node-content-wrapper.@{ant-prefix}-select-tree-node-selected,
.@{ant-prefix}-select-tree
  .@{ant-prefix}-select-tree-node-content-wrapper:hover {
  background: transparent !important;
}
.@{ant-prefix}-select-tree-switcher .anticon-caret-down {
  color: #b6b6b6;
}

// Checkbox
.@{ant-prefix}-select-tree-checkbox-inner {
  border-radius: 2px;
}
.@{ant-prefix}-select-tree-checkbox-checked
  .@{ant-prefix}-select-tree-checkbox-inner::after {
  border-width: 1px;
  top: 42%;
  left: 25%;
}
.@{ant-prefix}-select-tree-checkbox-indeterminate
  .@{ant-prefix}-select-tree-checkbox-inner {
  background-color: @primary-color;
  border-color: @primary-color;
}
.@{ant-prefix}-select-tree-checkbox-indeterminate
  .@{ant-prefix}-select-tree-checkbox-inner::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 1px;
  background-color: #fff;
  border-radius: 0.5px;
}
.@{ant-prefix}-select-tree-checkbox-disabled.@{ant-prefix}-select-tree-checkbox-indeterminate
  .@{ant-prefix}-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d4d9dc;
}
.@{ant-prefix}-select-tree-checkbox-inner::after {
  transition: none !important;
}