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

@mixin kendo-list--theme() {

    @include kendo-list--theme-base();
    
    // List item
    .k-list-item {

        // Disabled
        &:disabled,
        &.k-disabled {
            color: $kendo-list-item-disabled-text;
            background-color: $kendo-list-item-disabled-bg;
        }
    }

    // Icon
    .k-list-item .k-icon {
        @include fill(
            $color: $kendo-list-item-icon-text
        );
    }

    .k-list-optionlabel:disabled,
    .k-list-optionlabel.k-disabled {
            @include fill(
                $color: $kendo-list-option-label-disabled-text
            );
    }
}