<div class="padding-0">content</div>
<div class="padding-1">content</div>
<div class="padding-2">content</div>
<div class="padding-3">content</div>
<div class="padding-4">content</div>
$modifier: 0;
@while $modifier < 5 {
.padding-#{$modifier} {
padding: (10 * $modifier) + px;
}
$modifier: $modifier + 1;
}
View Compiled
This Pen doesn't use any external CSS resources.