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

    overflow: hidden;
    width: auto;
    float: none;
    margin: .4rem 0rem;
    /*padding-left: 10px;*/
    border-bottom: 1px solid #3FA9F5;
    &>*{
        border-right: 1px solid #3FA9F5;
        border-top: 1px solid #3FA9F5;
        border-left: none;
        color: #3FA9F5;
        float: left;
        width: auto;
        height: 2rem;
        padding: .3rem .8rem;
        min-width: 8rem;
        text-align: center;
        cursor: pointer;

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

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

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

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

}