$padding-levels: (
  '0': 0,
  '0\\.5': 0.125rem,
  '1': 0.25rem,
  '1\\.5': 0.375rem,
  '2': 0.5rem,
  '2\\.5': 0.625rem,
  '3': 0.75rem,
  '3\\.5': 0.875rem,
  '4': 1rem,
  '5': 1.25rem,
  '6': 1.5rem,
  '7': 1.75rem,
  '8': 2rem,
  '9': 2.25rem,
  '10': 2.5rem,
  '11': 2.75rem,
  '12': 3rem,
  '14': 3.5rem,
  '16': 4rem,
  '20': 5rem,
  '24': 6rem,
  '28': 7rem,
  '32': 8rem,
  '36': 9rem,
  '40': 10rem,
  '44': 11rem,
  '48': 12rem,
  '52': 13rem,
  '56': 14rem,
  '60': 15rem,
  '64': 16rem,
  '72': 18rem,
  '80': 20rem,
  '96': 24rem,
);

@each $level, $value in $padding-levels {
  .p-#{$level} {
    padding: $value;
  }
  .pt-#{$level} {
    padding-block-start: $value;
  }
  .pr-#{$level} {
    padding-inline-end: $value;
  }
  .pb-#{$level} {
    padding-block-end: $value;
  }
  .pl-#{$level} {
    padding-inline-start: $value;
  }
  .px-#{$level} {
    padding-inline-start: $value;
    padding-inline-end: $value;
  }
  .py-#{$level} {
    padding-block-start: $value;
    padding-block-end: $value;
  }

  .\!p-#{$level} {
    padding: $value !important;
  }
  .\!pt-#{$level} {
    padding-block-start: $value !important;
  }
  .\!pr-#{$level} {
    padding-inline-end: $value !important;
  }
  .\!pb-#{$level} {
    padding-block-end: $value !important;
  }
  .\!pl-#{$level} {
    padding-inline-start: $value !important;
  }
  .\!px-#{$level} {
    padding-inline-start: $value !important;
    padding-inline-end: $value !important;
  }
  .\!py-#{$level} {
    padding-block-start: $value !important;
    padding-block-end: $value !important;
  }
}