beyond-components/src/Tabs/mixin.less

react prototype components

// @import "../mixins.less";

.beyond_tabs(@prefix){

    .@{prefix}tabs{
        color: #999;
        &-navs {
            padding : 0;
            margin: 0;
            line-height: 1;
            border-bottom: 1px solid #d9dade;
            // clear: fix;
        }

        &-nav{
            display: inline-block;
            padding :10px;
            list-style: none;
            // float: left;
            cursor: pointer;
            &.active{
                color: #000;
            }
        }

        &-pane{
            padding : 10px;
            display: none;
            &.active{
                display: block;
            }

        }
    }
}