@each $variant, $threshold in $breakpoint-variants {
  @include breakpoint($threshold) {
    @each $index, $space in $spacers {
      $suffix: "#{$variant}-#{$index}";

      .m#{$suffix} { margin: $space !important; }
      .p#{$suffix} { padding: $space !important; }

      @each $alias, $edge in $CSS_EDGE_ALIAS {
        .m#{$alias}#{$suffix} { margin-#{$edge}: $space !important; }
        .p#{$alias}#{$suffix} { padding-#{$edge}: $space !important; }

        @if $space != 0 {
          // .mt-n1 { margin-top: -$spacers[1]; }, etc.
          .m#{$alias}#{$variant}-n#{$index} { margin-#{$edge}: -$space !important; }
        }
      }

      @each $alias, $edges in (x: (left, right), y: (top, bottom)) {
        .m#{$alias}#{$suffix} {
          @each $edge in $edges {
            margin-#{$edge}: $space !important;
          }
        }

        .p#{$alias}#{$suffix} {
          @each $edge in $edges {
            padding-#{$edge}: $space !important;
          }
        }
      }
    }
  }
}