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

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

    .k-tabstrip-items-wrapper {

        .k-tabstrip-item:active,
        .k-tabstrip-item.k-active,
        .k-tabstrip-item.k-selected,
        .k-item:active,
        .k-item.k-active,
        .k-item.k-selected {

            &:hover,
            &.k-hover {
                background-color: $kendo-tabstrip-item-hover-bg;
            }
        }
        
         .k-tabstrip-item.k-tabstrip-dragging,
         .k-item.k-tabstrip-dragging {
            color: $kendo-tabstrip-item-dragging-text;
         }
    }

        // Selected indicator
    @if ($kendo-tabstrip-indicator-size) {
        .k-tabstrip-items-wrapper {
            .k-tabstrip-item.k-active::after,
            .k-item.k-active::after {
                background-color: $kendo-tabstrip-indicator-color;
            }
        }
    }

}