.se {
  @for $i from 0 through 500 {
    @if $i % 5 == 0 or $i < 20 {
      &-p {
        &-#{$i} {
          padding: $i + rpx;
        }

        &x-#{$i} {
          padding-left: $i + rpx;
          padding-right: $i + rpx;
        }

        &y-#{$i} {
          padding-top: $i + rpx;
          padding-bottom: $i + rpx;
        }
      }

      &-m {
        &-#{$i} {
          margin: $i + rpx;
        }

        &x-#{$i} {
          margin-left: $i + rpx;
          margin-right: $i + rpx;
        }

        &y-#{$i} {
          margin-top: $i + rpx;
          margin-bottom: $i + rpx;
        }
      }

      @each $s, $l in t top, r right, b bottom, l left {
        &-p#{$s}-#{$i} {
          padding-#{$l}: $i + rpx;
        }

        &-m#{$s}-#{$i} {
          margin-#{$l}: $i + rpx;
        }
      }
    }
  }
}
