.se { @for $i from 0 through 200 { @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; } } } } }