/// This is equivalent to `z-index: 0;`.
/// @example z-index: 0;
/// @name .k-z-0
/// @group zindex
/// @contextType css

/// This is equivalent to `z-index: 10;`.
/// @example z-index: 10;
/// @name .k-z-10
/// @group zindex
/// @contextType css

/// This is equivalent to `z-index: 20;`.
/// @example z-index: 20;
/// @name .k-z-20
/// @group zindex
/// @contextType css

/// This is equivalent to `z-index: 30;`.
/// @example z-index: 30;
/// @name .k-z-30
/// @group zindex
/// @contextType css

/// This is equivalent to `z-index: 40;`.
/// @example z-index: 40;
/// @name .k-z-40
/// @group zindex
/// @contextType css

/// This is equivalent to `z-index: 50;`.
/// @example z-index: 50;
/// @name .k-z-50
/// @group zindex
/// @contextType css

/// This is equivalent to `z-index: auto;`.
/// @example z-index: auto;
/// @name .k-z-auto
/// @group zindex
/// @contextType css

@use "sass:map";
@use "../_globals.scss" as *;

// Register
@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;

@mixin kendo-utils--layout--zindex() {
    @include import-once("utils-layout-zindex") {

        // Z-index utility classes
        $kendo-utils-zindex: map.get( $kendo-utils, "zindex" ) !default;
        @include generate-utils( z, z-index, $kendo-utils-zindex );

    }
}