@import "../var.scss";

$j-prefix-tabs: "#{$j-prefix}-tabs" !default;
$j-prefix-tabs-list: "#{$j-prefix}-tabs-list" !default;
$j-prefix-tabs-wrapper: "#{$j-prefix}-tab-wrapper" !default;
$j-prefix-tabs-content: "#{$j-prefix}-tab-content" !default;
$j-prefix-tabs-tab: "#{$j-prefix}-tab" !default;

.#{$j-prefix-tabs} {
}

.#{$j-prefix-tabs-list} {
    display: flex;
}

.#{$j-prefix-tabs-tab} {
    padding: 5px;
}

.#{$j-prefix-tabs-wrapper} {
}

.#{$j-prefix-tabs-content} {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    position: relative;

    &[data-active] {
        height: initial;
        overflow: initial;
        visibility: initial;
        padding: 5px;
    }
}