benivo-ui-library/tabs.less

Benivo UI library

.tabs-list {
    display: flex;
    border-bottom: 2px solid var(--border-200);
    margin-bottom: 36px;

    @media @md-max {
        margin-top: 36px;
    }

    @media @md {
        margin-bottom: 20px;
    }

    .tab {
        flex-grow: 1;
        text-align: center;
        margin-bottom: -1px;
        font-size: @font-size-sm;
        padding-bottom: 20px;
        cursor: pointer;

        &.active {
            border-bottom: solid 3px var(--primary);
        }
    }
}