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


@mixin kendo-slider--theme() {

    @include kendo-slider--theme-base();

    .k-slider {
        cursor: pointer;

        .k-tick::after {
            @include fill( $bg: $kendo-slider-tick-marker-bg );
        }

        .k-draghandle {
            box-sizing: border-box;
        }

        &.k-disabled {
            opacity: 1;

            .k-slider-track,
            .k-slider-selection,
            .k-draghandle {
                @include fill( $bg: $kendo-slider-track-bg );
            }

            .k-draghandle {
                border: 2px solid inherit;
            }
        }
    }

}