react-zeanium-ui-ui/less/list/tree.less

Zeanium UI Framework for React.js

@import "../rt.variables.less";

@item-b-color: transparent;
@item-bg-color: #FFFFFF;

@item-hover-b-color: #0C72A5;
@item-select-b-color: #5bc0de;

.rt-list.c-tree{

    &>.rt-list-item{
        .tree-row{
            .tree{
                display: none;
            }
            &[data-active=true]{
                &>.tree{
                    display: block;
                }
            }
            .seps {
                display: inline-block;
                width: auto;
                margin-right: 3px;
                .sep{
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                    text-align: center;
                    .c-icon{
                        vertical-align: top;
                        width: 16px;
                        height: 16px;
                        margin: 2px;
                        cursor: pointer;
                    }
                }
            }
            .row-title:hover {
                color: #FFFFFF;
                background-color: @item-hover-b-color !important;
            }
            .row-title.curr{
                background-color: @item-select-b-color;
                color: #fff;
            }
        }
    }

}