/* (c) Copyright Frontify Ltd., all rights reserved. */

@import '../../../helpers/layout.module.scss';

$properties: (
    display,
    gap,
    gap-x,
    gap-y,
    grid-template-columns,
    grid-template-rows,
    grid-auto-flow,
    align-items,
    justify-items
);

$allProperties: join($properties, $layoutProperties);

.root {
    @include responsive-properties($allProperties);

    // Default values
    @each $property in $allProperties {
        @include responsive-default-value($property, initial);
    }

    @include responsive-default-value(display, grid);
    @include responsive-default-value(align-items, stretch);
    @include responsive-default-value(justify-items, start);
    @include responsive-default-value(grid-template-columns, minmax(0, 1fr));
    @include responsive-default-value(grid-template-rows, none);
}
