@use 'sass:list';
@use '../variables' as mbi;

@mixin margin() {
  @for $n from list.nth(mbi.$range, 1) through list.nth(mbi.$range, 2) {
    &-m-#{$n} { margin: #{$n}px; }

    &-mx-#{$n} { margin-left: #{$n}px; margin-right: #{$n}px; }
    &-my-#{$n} { margin-top: #{$n}px; margin-bottom: #{$n}px; }

    &-mt-#{$n} { margin-top: #{$n}px; }
    &-mb-#{$n} { margin-bottom: #{$n}px; }
    &-ml-#{$n} { margin-left: #{$n}px; }
    &-mr-#{$n} { margin-right: #{$n}px; }
  }
}