Paddings and margins helpers generate in SCSS

Paddings and margins helpers generate in SCSS

@for $i from 0 through 50 {
  .mt-#{$i} {
    margin-top: #{$i}px !important;
  }
}
@for $i from 0 through 50 {
  .mb-#{$i} {
    margin-bottom: #{$i}px !important;
  }
}
@for $i from 0 through 50 {
  .mr-#{$i} {
    margin-right: #{$i}px !important;
  }
}
@for $i from 0 through 50 {
  .ml-#{$i} {
    margin-left: #{$i}px !important;
  }
}
@for $i from 0 through 50 {
  .pb-#{$i} {
    padding-bottom: #{$i}px !important;
  }
}
@for $i from 0 through 50 {
  .pt-#{$i} {
    padding-top: #{$i}px !important;
  }
}
@for $i from 0 through 50 {
  .pl-#{$i} {
    padding-left: #{$i}px !important;
  }
}
@for $i from 0 through 50 {
  .pr-#{$i} {
    padding-right: #{$i}px !important;
  }
}