Margin and padding space class generator like Bootstrap (Utility Classes)

_spacing.scss

$spacer: 8px;
$spaces: (
	0: 0,
	1: (
		$spacer
	),
	2: (
		$spacer * 2
	),
	3: (
		$spacer * 3
	),
	4: (
		$spacer * 4
	),
	5: (
		$spacer * 5
	),
	6: (
		$spacer * 6
	)
);
$sides: (top, bottom, left, right);

@each $key, $space in $spaces {
	@each $side in $sides {
		.m#{str-slice($side, 0, 1)}-#{$key} {
			margin-#{$side}: #{$space} !important;
		}

		.p#{str-slice($side, 0, 1)}-#{$key} {
			padding-#{$side}: #{$space} !important;
		}
	}
}