/// This is equivalent to `aspect-ratio: auto;`.
/// @example aspect-ratio: auto;
/// @name .k-aspect-ratio-auto
/// @group aspect-ratio
/// @contextType css

/// This is equivalent to `aspect-ratio: 1;`.
/// @example aspect-ratio: 1;
/// @name .k-aspect-ratio-1
/// @group aspect-ratio
/// @contextType css

/// This is equivalent to `aspect-ratio: 1 / 1;`.
/// @example aspect-ratio: 1 / 1;
/// @name .k-aspect-ratio-square
/// @group aspect-ratio
/// @contextType css

/// This is equivalent to `aspect-ratio: 16 / 9;`.
/// @example aspect-ratio: 16 / 9;
/// @name .k-aspect-ratio-video
/// @group aspect-ratio
/// @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--aspect-ratio() {
    @include import-once("utils-layout-aspect-ratio") {

        // Aspect ratio utility classes
        $kendo-utils-aspect-ratio: map.get( $kendo-utils, "aspect-ratio" ) !default;
        @include generate-utils( ratio, aspect-ratio, $kendo-utils-aspect-ratio );


        // Legacy aliases
        @include generate-utils( aspect-ratio, aspect-ratio, $kendo-utils-aspect-ratio );

    }
}