//
// 树形菜单
// ============================================================

.tree-wrapper
    &[data-tree-base]
        >.tree-list
            .item
                @extend .transition-1s
                @extend .overflow-hidden
                height: auto
                >a
                    @extend .display-flex
                    @extend .input-height
                    @extend .color-gray

                    >span
                        @extend .flex

                    >.iconfont
                        @extend .transition-1s
                        @extend .input-height

                &.active
                    >a
                        .iconfont
                            transform: rotate(90deg)
                    >.tree-list
                        height: auto

                .tree-list
                    @extend .overflow-hidden
                    @extend .transition-1s
                    +px(padding-left, 28px)
                    height: 0
                    a
                        &.color
                            @extend .color