@mixin generate-spacing($size) {
  $name: $size;
  $size: $size/4;
  .m-#{$name} { margin: #{$size}rem; }
  .mr-#{$name} { margin-right: #{$size}rem; }
  .ml-#{$name} { margin-left: #{$size}rem; }
  .mt-#{$name} { margin-top: #{$size}rem; }
  .mb-#{$name} { margin-bottom: #{$size}rem; }

  .p-#{$name} { padding: #{$size}em; }
  .pr-#{$name} { padding-right: #{$size}rem; }
  .pl-#{$name} { padding-left: #{$size}rem; }
  .pt-#{$name} { padding-top: #{$size}rem; }
  .pb-#{$name} { padding-bottom: #{$size}rem; }
}

@for $i from 1 through 5 {
  @include generate-spacing($i);
}