$sizes: 0, 4, 8, 12, 16, 20, 24, 32;

@each $size in $sizes {

  //--------------------------------------------------------------------------------------------------------------------
  // PADDING
  //--------------------------------------------------------------------------------------------------------------------

  .p-#{$size} {
    padding: #{$size}px !important;
  }

  .p-#{$size}-h {
    padding-left: #{$size}px !important;
    padding-right: #{$size}px !important;
  }

  .p-#{$size}-v {
    padding-top: #{$size}px !important;
    padding-bottom: #{$size}px !important;
  }

  .p-#{$size}-t {
    padding-top: #{$size}px !important;
  }

  .p-#{$size}-r {
    padding-right: #{$size}px !important;
  }

  .p-#{$size}-b {
    padding-bottom: #{$size}px !important;
  }

  .p-#{$size}-l {
    padding-left: #{$size}px !important;
  }

  .p-#{$size}-t- {
    padding-top: -#{$size}px !important;
  }

  .p-#{$size}-r- {
    padding-right: -#{$size}px !important;
  }

  .p-#{$size}-b- {
    padding-bottom: -#{$size}px !important;
  }

  .p-#{$size}-l- {
    padding-left: -#{$size}px !important;
  }

  //--------------------------------------------------------------------------------------------------------------------
  // MARGIN
  //--------------------------------------------------------------------------------------------------------------------

  .m-#{$size} {
    margin: #{$size}px !important;
  }

  .m-#{$size}-h {
    margin-left: #{$size}px !important;
    margin-right: #{$size}px !important;
  }

  .m-#{$size}-v {
    margin-top: #{$size}px !important;
    margin-bottom: #{$size}px !important;
  }

  .m-#{$size}-t {
    margin-top: #{$size}px !important;
  }

  .m-#{$size}-r {
    margin-right: #{$size}px !important;
  }

  .m-#{$size}-b {
    margin-bottom: #{$size}px !important;
  }

  .m-#{$size}-l {
    margin-left: #{$size}px !important;
  }

  .m-#{$size}-t- {
    margin-top: -#{$size}px !important;
  }

  .m-#{$size}-r- {
    margin-right: -#{$size}px !important;
  }

  .m-#{$size}-b- {
    margin-bottom: -#{$size}px !important;
  }

  .m-#{$size}-l- {
    margin-left: -#{$size}px !important;
  }

}