@mixin padding-x-width {
  $count: 0em;

  @for $i from 0 through 20 {
    .p-width-#{$i} {
      padding-right: $count !important;
      padding-left: $count !important;
    }

    $count: $count + 0.25;
  }
}

@mixin padding-x-height {
  $count: 0em;

  @for $i from 0 through 20 {
    .p-height-#{$i} {
      padding-top: $count !important;
      padding-bottom: $count !important;
    }

    $count: $count + 0.25;
  }
}

@include padding-x-width;
@include padding-x-height;