@use "./_container.scss" as *;
@use "./_row.scss" as *;
@use "./_col.scss" as *;
@use "./_col-gap.scss" as *;
@use "../_globals.scss" as *;


@mixin kendo-utils--responsive-layout() {
    @include kendo-utils--responsive-layout--container();
    @include kendo-utils--responsive-layout--row();
    @include kendo-utils--responsive-layout--col();
    @include kendo-utils--responsive-layout--col-gap();

    @each $key, $val in $kendo-breakpoints {
        @include kendo-breakpoint-up($key) {
            @include kendo-utils--responsive-layout--col--responsive($key);
            @include kendo-utils--responsive-layout--col-gap--responsive($key);
        }
    }

    @each $key, $val in $kendo-container-max-widths {
        @include kendo-breakpoint-up($key) {
            @include kendo-utils--responsive-layout--container--responsive($key, $val);
        }
    }
}