@use "@progress/kendo-theme-core/scss/components/stepper/_layout.scss" as *;
@use "./variables.scss" as *;


@mixin kendo-stepper--layout() {

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

    // Stepper
    .k-stepper {}

    .k-step-list-horizontal {
        & ~ .k-progressbar {
            inset-block-start: calc( (#{$kendo-stepper-indicator-height} / 2  ) - (#{$kendo-stepper-progressbar-size} / 2 ) + $kendo-stepper-indicator-focus-offset ) ;
        }
    }


    .k-step-list-vertical {
        & ~ .k-progressbar {
            inset-inline-start: calc( (#{$kendo-stepper-indicator-height} / 2  ) - (#{$kendo-stepper-progressbar-size} / 2 ) + $kendo-stepper-indicator-focus-offset ) ;
        }
    }


    // Selected step
    .k-step-current {
        .k-step-label {
            font-weight: var( --kendo-font-weight-semibold, 600 );
        }
    }

}