#sass #css-layout — Margin and Padding loop for SASS.

margins-padding

// Margins and Padding
// -------------------------
$i: 0;
@while $i <= 50 {
  .mt#{$i} { margin-top: 1px * $i; }
  .mb#{$i} { margin-bottom: 1px * $i; }
  .ml#{$i} { margin-left: 1px * $i; }
  .mr#{$i} { margin-right: 1px * $i; }
  
  .pt#{$i} { padding-top: 1px * $i; }
  .pb#{$i} { padding-bottom: 1px * $i; }
  .pl#{$i} { padding-left: 1px * $i; }
  .pr#{$i} { padding-right: 1px * $i; }
  $i: $i + 5;
}