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

    overflow: hidden;
    width: auto;
    float: left;
    margin: 4px;
    &>.rt-list-item{
        border: 1px solid #3FA9F5;
        border-left: none;
        color: #3FA9F5;
        float: left;
        width: auto;
        height: 20px;
        padding: 3px;
        min-width: 80px;
        text-align: center;
        cursor: pointer;

        &:first-child{
            border-left: 1px solid #3FA9F5;
            border-radius: 3px 0 0 3px;
        }

        &:last-child{
            border-radius: 0 3px 3px 0;
        }

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

        &.curr{
            background-color: @item-select-b-color;
            color: #fff;
        }
    }

}