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

@mixin kendo-action-sheet--theme() {
    @include kendo-action-sheet--theme-base();

    .k-actionsheet-subtitle {
        color: inherit;
    }

    .k-actionsheet-item {

        &:focus,
        &.k-focus {
            &:hover,
            &.k-hover {
                color: $kendo-actionsheet-item-focus-hover-text;
                background-color: $kendo-actionsheet-item-focus-hover-bg;
                border-color: $kendo-actionsheet-item-focus-hover-border;
            }
        }

        &:disabled,
        &.k-disabled {
            .k-actionsheet-item-description,
            .k-actionsheet-item-icon {
                color: inherit;
            }
        }
    }
}