padding-variant()

@mixin padding-variant($id: 1, $size: 'unit-1') {
  .p-#{$id} {
    padding: get-var($size) !important;
  }

  .pb-#{$id} {
    padding-bottom: get-var($size) !important;
  }

  .pl-#{$id} {
    padding-left: get-var($size) !important;
  }

  .pr-#{$id} {
    padding-right: get-var($size) !important;
  }

  .pt-#{$id} {
    padding-top: get-var($size) !important;
  }

  .px-#{$id} {
    padding-left: get-var($size) !important;
    padding-right: get-var($size) !important;
  }

  .py-#{$id} {
    padding-bottom: get-var($size) !important;
    padding-top: get-var($size) !important;
  }
}

Last updated