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

@mixin kendo-rating--theme() {

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

    .k-rating-item {
        @include fill(
            $color: $kendo-rating-item-text
        );

        &.k-selected {
            @include fill(
                $color: $kendo-rating-item-selected-text
            );
        }

        &:hover,
        &.k-hover {
            @include fill(
                $color: $kendo-rating-item-hover-text
            );
            cursor: pointer;
        }

        &:focus,
        &.k-focus {
            outline-color: $kendo-rating-item-focus-outline;
        }

        .k-disabled & {
            opacity: .3;
        }
    }
}