@import "../var.scss";

$j-prefix-accordion: "#{$j-prefix}-accordion" !default;
$j-prefix-accordion-panel: "#{$j-prefix}-accordion-panel" !default;
$j-prefix-accordion-content: "#{$j-prefix}-accordion-content" !default;
$j-prefix-accordion-tab: "#{$j-prefix}-accordion-tab" !default;

.#{$j-prefix-accordion} {
    position: relative;
}

.#{$j-prefix-accordion-panel} {
    position: relative;
}

.#{$j-prefix-accordion-tab} {
    position: relative;
    padding: 5px;
}

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

    &[data-active] {
        height: auto;
        // visibility: visible;
    }
}