@import "../variate.less";
.cip-tree{
  font-weight: 400;
  width:256px;
  --@{elNamespace}-tree-text-color:#333333;
  &__filter{
    margin-bottom:12px;
  }
  .@{elNamespace}-input{
    .@{elNamespace}-icon{
      font-size:var(~'--@{elNamespace}-font-size-extra-small')
    }
  }
  .@{elNamespace}-tree-node__content{
    height:28px;
    &:hover {
      background-color: #f4f7fa;
    }
  }
  .is-checked{
    .@{elNamespace}-tree-node__content{
      background-color: var(~'--@{elNamespace}-color-primary-light-9');
    }
    .custom-tree-node{
      .operation{
        display: inline-block !important;
      }
      .custom-tree-node__text{
        color:var(~'--@{elNamespace}-color-primary')
      }
    }
  }
  .custom-tree-node{
    .operation{
      background: inherit !important;
      .@{elNamespace}-button--primary.is-link{
        --@{elNamespace}-button-text-color: #9c9c9c;
      }
    }
  }
}
.@{elNamespace}-tree{
  .@{elNamespace}-tree-node__expand-icon>{
    padding: 8px 4px;
  }
}

.@{elNamespace}-tree--highlight-current
  .@{elNamespace}-tree-node.is-current
  > .@{elNamespace}-tree-node__content {
    color:var(~'--@{elNamespace}-color-primary');
    background-color: var(~'--@{elNamespace}-color-primary-light-9');
}
// 树形控件视觉规范中treeselect 使用的是12px
.@{elNamespace}-select-dropdown .@{elNamespace}-tree{
  --@{elNamespace}-font-size-base: var(~'--@{elNamespace}-font-size-extra-small');
}