@use '@lucca-front/scss/src/commons/config';
@use '@lucca-front/scss/src/commons/utils/media';
@use '@lucca-front/scss/src/commons/utils/container';
@use 'exports' as *;

.grid {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&.mod-auto {
			@include auto;
		}

		@each $breakpoint, $value in config.$breakpoints {
			&.mod-autoAtMediaMin#{$breakpoint} {
				@include autoAt;

				@include media.min($breakpoint) {
					@include auto;
				}
			}

			&.mod-autoAtContainerMin#{$breakpoint} {
				@include autoAt;

				@include container.min($breakpoint, $name: grid) {
					@include auto;
				}
			}
		}

		&.mod-form {
			@include form;
		}

		&.mod-dense {
			@include dense;
		}
	}
}