Margin/Padding spacer utility partial

margin-padding-utilities.scss

/*
  Margin & Padding spacers
  usage: mt-4 -> margin-top: 4rem;
*/
$spacer: 1rem;
$sizes: 0, 1, 2, 3, 4, 5, 6;
$directions: top, left, bottom, right;

@each $direction in $directions{
	@each $size in $sizes{
    .m#{str-slice($direction, 1, 1)}-#{$size} {
      margin-#{$direction}: #{$size * $spacer}!important;
    }
    .p#{str-slice($direction, 1, 1)}-#{$size} {
      padding-#{$direction}: #{$size * $spacer}!important;
    }
	}
}