// Fylgja (https://fylgja.dev)
// Licensed under MIT Open Source

@use "sass:math";
@use "props" as *;

$use-mq: true !default;
$gap: 1em !default;

.gap {
	--gap: #{$gap};
	--_gap: var(--gap);
	gap: var(--_gap);
}

.gap-sm {
	gap: #{math.div($gap, 2)};
}

@mixin mq-utils($name) {
	.gap:where([style*="--#{$name}_gap:"]) {
		--_gap: var(--#{$name}_gap);
	}
}

@if $use-mq {
	@include for-mq using ($name) {
		@include mq-utils($name);
	}
}