/* z-index */
$z-array: 0, 1;
@each $z in $z-array {
  .z-index-#{$z} {
    z-index: #{$z} !important;
  }
}
/* Padding */
$p-array: 10, 13, 15, 16, 17, 20;
@each $p in $p-array {
  .p-#{$p} {
    padding: toRem($p) !important;
  }
}
/* Padding top & bottom */
$py-array: 5, 6, 8, 11, 12, 13, 17, 23, 24, 25, 26, 30, 38, 73, 150;
@each $py in $py-array {
  .py-#{$py} {
    padding-top: toRem($py) !important;
    padding-bottom: toRem($py) !important;
  }
}
$py-md-array: 20;
@each $py-md in $py-md-array {
  .py-md-#{$py-md} {
    @media screen and (max-width: 991px) {
      padding-top: toRem($py-md) !important;
      padding-bottom: toRem($py-md) !important;
    }
  }
}
/* Padding left & right */
$px-array: 0, 5, 9, 10, 13, 15, 16, 20, 24, 25, 26, 28, 30, 33;
@each $px in $px-array {
  .px-#{$px} {
    padding-left: toRem($px) !important;
    padding-right: toRem($px) !important;
  }
}
/* Padding top */
$pt-array: 12, 17, 20, 24, 26, 30, 36, 101, 114, 150;
@each $pt in $pt-array {
  .pt-#{$pt} {
    padding-top: toRem($pt) !important;
  }
}
/* Padding bottom */
$pb-array: 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 25, 26, 27, 30, 31, 32, 34, 35, 37, 40, 45, 50, 52, 68, 100, 124, 150;
@each $pba in $pb-array {
  .pb-#{$pba} {
    padding-bottom: toRem($pba) !important;
  }
}
/* Padding Left */
$pl-xl-array: 70;
@each $pl-xl in $pl-xl-array {
  .pl-xl-#{$pl-xl} {
    @media screen and (min-width: 1200px) {
      padding-left: toRem($pl-xl) !important;
    }
  }
}
$pl-sm-array: 47;
@each $pl-sm in $pl-sm-array {
  .pl-sm-#{$pl-sm} {
    @media screen and (min-width: 576px) {
      padding-left: toRem($pl-sm) !important;
    }
  }
}
/* Padding Right */
$pr-array: 15, 20;
@each $pr in $pr-array {
  .pr-#{$pr} {
    padding-right: toRem($pr) !important;
  }
}
