@each $suffix, $size in $sizes {
  .m-pd-#{$suffix} {
    padding: $size;

    &-l {
      padding-left: $size;
    }

    &-r {
      padding-right: $size;
    }

    &-t {
      padding-top: $size;
    }

    &-b {
      padding-bottom: $size;
    }

    &-v {
      padding-top: $size;
      padding-bottom: $size;
    }

    &-h {
      padding-left: $size;
      padding-right: $size;
    }
  }

  @each $name, $value in $breakpoints {
    @if ($name != 'zero') {
      .m-pd-#{$suffix}-#{$name} {
        @include respond-to('zero', $name) {
          padding: $size;
        }
      }

      .m-pd-#{$suffix} {
        &-l-#{$name} {
          @include respond-to('zero', $name) {
            padding-left: $size;
          }
        }

        &-r-#{$name} {
          @include respond-to('zero', $name) {
            padding-right: $size;
          }
        }

        &-t-#{$name} {
          @include respond-to('zero', $name) {
            padding-top: $size;
          }
        }

        &-b-#{$name} {
          @include respond-to('zero', $name) {
            padding-bottom: $size;
          }
        }

        &-v-#{$name} {
          @include respond-to('zero', $name) {
            padding: $size 0;
          }
        }

        &-h-#{$name} {
          @include respond-to('zero', $name) {
            padding: 0 $size;
          }
        }
      }
    }
  }
}
