<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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js