@for $i from 0 through 20 {
  .pr--#{$i * 5} {
    padding-right: #{$i * 5}px !important;
  }

  .pl--#{$i * 5} {
    padding-left: #{$i * 5}px !important;
  }

  .pb--#{$i * 5} {
    padding-bottom: #{$i * 5}px !important;
  }

  .pt--#{$i * 5} {
    padding-top: #{$i * 5}px !important;
  }

  .px--#{$i * 5} {
    padding-left: #{$i * 5}px !important;
    padding-right: #{$i * 5}px !important;
  }

  .py--#{$i * 5} {
    padding-top: #{$i * 5}px !important;
    padding-bottom: #{$i * 5}px !important;
  }

  .p--#{$i * 5} {
    padding: #{$i * 5}px !important;
  }
}

@for $i from 0 through 20 {
  .mr--#{$i * 5} {
    margin-right: #{$i * 5}px !important;
  }

  .ml--#{$i * 5} {
    margin-left: #{$i * 5}px !important;
  }

  .mb--#{$i * 5} {
    margin-bottom: #{$i * 5}px !important;
  }

  .mt--#{$i * 5} {
    margin-top: #{$i * 5}px !important;
  }

  .mx--#{$i * 5} {
    margin-left: #{$i * 5}px !important;
    margin-right: #{$i * 5}px !important;
  }

  .my--#{$i * 5} {
    margin-top: #{$i * 5}px !important;
    margin-bottom: #{$i * 5}px !important;
  }

  .m--#{$i * 5} {
    margin: #{$i * 5}px !important;
  }
}