react-zeanium-ui-ui/less/list/tab_no_border.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-tab-no-border{

    overflow: hidden;
    width: auto;
    float: none;
    margin: 0.4rem 0rem;
    &>.rt-list-item{
        border-bottom: 0.2rem solid transparent;
        color: #3FA9F5;
        float: left;
        width: auto;
        height: 2rem;
        padding: 0.3rem .8rem;
        min-width: 8rem;
        text-align: center;
        cursor: pointer;

        &:hover {
            color: @item-hover-b-color;
        }

        &.curr{
            color: @item-select-b-color;
            border-color: @item-select-b-color;
        }
    }
}