@use "../icons/_variables.scss" as *;
@use "./_variables.scss" as *;
@use "../core/z-index/index.scss" as *;
@use "@progress/kendo-theme-core/scss/components/expansion-panel/_layout.scss" as *;

@mixin kendo-expander--layout() {

    @include kendo-expander--layout-base();

    // Expander
    .k-expander {
        position: relative;

        &.k-focus,
        &:focus {
            border-width: 0;
        }

        &.k-focus::after,
        &:focus::after {
            content: "";
            position: absolute;
            border: medium none;
            inset: $kendo-expander-focus-offset;
            outline-width: $kendo-expander-focus-outline-width;
            outline-style: $kendo-expander-focus-outline-style;
            z-index: k-z-index("base", 1);
            pointer-events: none;
        }
    }

    // Title
    .k-expander-title {
        font-weight: 400;
        text-transform: initial;
    }

    // Multiple expanders
    .k-expander + .k-expander.k-expanded,
    .k-expander.k-expanded + .k-expander {
        margin-block-start: $kendo-expander-margin-y;
    }
}