@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/stepper/_theme.scss" as *;

@mixin kendo-stepper--theme() {
    @include kendo-stepper--theme-base();

    .k-stepper {
        .k-step {
            &.k-focus,
            .k-step-link:focus  {
                .k-step-label:only-child {
                    @include box-shadow( inset 0 0 0 $kendo-stepper-indicator-focus-size k-color(border-alt) );
                }

                .k-step-indicator::after {
                    border-color: unset;
                    outline: 2px solid k-color(border-alt);
                    outline-offset: -2px;
                }
            }

            &.k-disabled {
                background: transparent;
            }
        }
    }
}