// NibblePoker.lu CSS - (C) 2023 Bozet Herwin

/* Utilities > Spacing > Global */
@mixin global-spacing-maker($type-key, $type-property, $size-key, $size-value) {
	.#{$type-key}-#{$size-key} {
		#{$type-property}: #{$size-value};
	}
}


/* Utilities > Spacing > Global > Variable Sizes */
@include global-spacing-maker("m", "margin", "xs", calc(#{$margin-base-size} * 0.5));
@include global-spacing-maker("m", "margin", "s", calc(#{$margin-base-size} * 0.75));
@include global-spacing-maker("m", "margin", "m", #{$margin-base-size});
@include global-spacing-maker("m", "margin", "l", calc(#{$margin-base-size} * 1.5));
@include global-spacing-maker("m", "margin", "xl", calc(#{$margin-base-size} * 2.0));

@include global-spacing-maker("p", "padding", "xs", calc(#{$margin-base-size} * 0.5));
@include global-spacing-maker("p", "padding", "s", calc(#{$margin-base-size} * 0.75));
@include global-spacing-maker("p", "padding", "m", #{$margin-base-size});
@include global-spacing-maker("p", "padding", "l", calc(#{$margin-base-size} * 1.5));
@include global-spacing-maker("p", "padding", "xl", calc(#{$margin-base-size} * 2.0));


/* Utilities > Spacing > Global > Fixed Sizes */
@include global-spacing-maker("m", "margin", "0", 0);
@include global-spacing-maker("p", "padding", "0", 0);

//@for $_ from 1 through 5 {
//	// Index: [1...5, 1]
//	// CSS: [0.5rem...2.5rem]
//	@include global-spacing-maker("m", "margin", $_ * 5, $_ * 0.5 rem);
//	@include global-spacing-maker("p", "padding", $_ * 5, $_ * 0.5 rem);
//}


/* Utilities > Spacing > Global > Others */
@include global-spacing-maker("m", "margin", "auto", auto);
@include global-spacing-maker("p", "padding", "auto", auto);