$position: top, right, bottom, left;

@each $item in $position {
  .m#{str-slice($item, 0, 1)}-auto {
    margin-#{$item}: auto;
  }
  .m#{str-slice($item, 0, 1)}-0 {
    margin-#{$item}: 0px;
  }
}

@for $i from 2 to 100 {
  @each $item in $position {
    .m#{str-slice($item, 0, 1)}-#{$i} {
      margin-#{$item}: #{$i}rpx;
    }
    .p#{str-slice($item, 0, 1)}-#{$i} {
      padding-#{$item}: #{$i}rpx;
    }
  }
  .height-#{$i} {
    height: #{$i}rpx;
  }
  .width-#{$i} {
    width: #{$i}rpx;
  }
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-auto {
  margin-left: auto;
}

.mt-auto {
  margin-top: auto;
}