sterling-css/dist/tabs.css

A set of small CSS components suitable for any project.

/* ==========================================================================
   Tabs
   ========================================================================== */

.s-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.s-tabs-input {
    position: absolute;
    opacity: 0;
}

.s-tabs-input:checked + .s-tabs-label + .s-tabs-panel {
    display: block;
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
        -ms-flex-order: 99;
            order: 99;
}

.s-tabs-label {
    cursor: pointer;
}

.s-tabs-panel {
    display: none;
}