react-jam-ui/components/Tabs/styles.styl

React JAM UI components

.tabs {
    .tabs-header {
        font-size: 0;

        .tabs-tab {
            display: inline-block;
            cursor: pointer;
            padding: 5px 10px;
            font-size: 14px;
            border: 4px solid #656565;
            position: relative;

            +.tabs-tab {
                margin-left: -4px;
            }

            &:hover {
                background: #FAFAFA;
            }

            &.active {
                border-color: red;
                z-index: 5;
            }

            &.disabled {
                cursor: default;
                background: #c8c8c8;
            }
        }
    }
    .tabs-body {
        .tabs-content {

        }
    }
}