@for $i from 0 through 8 {
  .p-#{$i} {
    padding: 4px * $i;
  }
  .px-#{$i} {
    padding: 0 4px * $i;
  }
  .py-#{$i} {
    padding: 4px * $i 0;
  }
  .pt-#{$i} {
    padding-top: 4px * $i;
  }
  .pr-#{$i} {
    padding-right: 4px * $i;
  }
  .pb-#{$i} {
    padding-bottom: 4px * $i;
  }
  .pl-#{$i} {
    padding-left: 4px * $i;
  }
}
