@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;

@mixin kendo-skeleton--theme() {

    .k-skeleton {
        @include fill(
            $bg: var( --kendo-skeleton-item-bg, #{$kendo-skeleton-item-bg} )
        );
    }

    // Wave animation
    .k-skeleton-wave .k-skeleton::after,
    .k-skeleton-wave.k-skeleton::after {
        background-image: linear-gradient(
            to right,
            transparent,
            var( --kendo-skeleton-wave-bg, #{$kendo-skeleton-wave-bg} ),
            transparent
        );
    }
}