.pl {
  @include dynamic-sizing(null, 'padding-left', 'rem');

  @include breakpoint(568) {
    @include dynamic-sizing('sm', 'padding-left', 'rem');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing('md', 'padding-left', 'rem');
  }

  @include desktop-up {
    @include dynamic-sizing('lg', 'padding-left', 'rem');
  }

  @include big-desktop-up {
    @include dynamic-sizing('xl', 'padding-left', 'rem');
  }
}

.pr {
  @include dynamic-sizing(null, 'padding-right', 'rem');

  @include breakpoint(568) {
    @include dynamic-sizing('sm', 'padding-right', 'rem');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing('md', 'padding-right', 'rem');
  }

  @include desktop-up {
    @include dynamic-sizing('lg', 'padding-right', 'rem');
  }

  @include big-desktop-up {
    @include dynamic-sizing('xl', 'padding-right', 'rem');
  }
}

.pt {
  @include dynamic-sizing(null, 'padding-top', 'rem');

  @include breakpoint(568) {
    @include dynamic-sizing('sm', 'padding-top', 'rem');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing('md', 'padding-top', 'rem');
  }

  @include desktop-up {
    @include dynamic-sizing('lg', 'padding-top', 'rem');
  }

  @include big-desktop-up {
    @include dynamic-sizing('xl', 'padding-top', 'rem');
  }
}

.pb {
  @include dynamic-sizing(null, 'padding-bottom', 'rem');

  @include breakpoint(568) {
    @include dynamic-sizing('sm', 'padding-bottom', 'rem');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing('md', 'padding-bottom', 'rem');
  }

  @include desktop-up {
    @include dynamic-sizing('lg', 'padding-bottom', 'rem');
  }

  @include big-desktop-up {
    @include dynamic-sizing('xl', 'padding-bottom', 'rem');
  }
}

.px {
  @include sizing-axis('padding', null, 'x');

  @include breakpoint(568) {
    @include sizing-axis('padding', 'sm', 'x');
  }

  @include tablet-landscape-up {
    @include sizing-axis('padding', 'md', 'x');
  }

  @include desktop-up {
    @include sizing-axis('padding', 'lg', 'x');
  }

  @include big-desktop-up {
    @include sizing-axis('padding', 'xl', 'x');
  }
}

.py {
  @include sizing-axis('padding', null, 'y');

  @include breakpoint(568) {
    @include sizing-axis('padding', 'sm', 'y');
  }

  @include tablet-landscape-up {
    @include sizing-axis('padding', 'md', 'y');
  }

  @include desktop-up {
    @include sizing-axis('padding', 'lg', 'y');
  }

  @include big-desktop-up {
    @include sizing-axis('padding', 'xl', 'y');
  }
}