@import "../common/varible";
@import "../common/function";
@import "checkbox";
.yu-tree{
  font-size: 0;
  @include reset-ul();
  .child-tree{
    transition: height $transition-time ease;
    height: 0;
    overflow: hidden;
    @include reset-ul();
    display: block;
    margin-left: 16px;
    &.last{
      margin-left: 32px;
    }
  }
  line-height: 26px;
  .yu-checkbox{
    display: block;
  }
  .leaf{
    &.active{
      display: inline-block;
      background-color: lighten($primary, 32);
    }
    &>i{
      display: inline-block;
      vertical-align: top;
    }
    &>.yu-checkbox{
      display: inline-block;
    }
    label{
      font-size: $normal;
      display: block;
      padding: 0 4px;
    }
    span{
      font-size: $normal;
    }
  }
  .tree-title{
    display: flex;
  }
}