@for $i from 1 through 10 {
  $pd: $i*5;
  $mg: $i*5;

  .pd-#{$pd} {
    padding: $pd + px;
  }

  .pd-t-#{$pd} {
    padding-top: $pd + px;
  }

  .pd-b-#{$pd} {
    padding-bottom: $pd + px;
  }

  .pd-l-#{$pd} {
    padding-left: $pd + px;
  }

  .pd-r-#{$pd} {
    padding-right: $pd + px;
  }

  .mg-#{$mg} {
    margin: $mg + px;
  }

  .mg-t-#{$mg} {
    margin-top: $mg + px;
  }

  .mg-b-#{$mg} {
    margin-bottom: $mg + px;
  }

  .mg-l-#{$mg} {
    margin-left: $mg + px;
  }

  .mg-r-#{$mg} {
    margin-right: $mg + px;
  }
}

.ptr {
  cursor: pointer;
}