> For the complete documentation index, see [llms.txt](https://spectrecss.angular-package.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://spectrecss.angular-package.dev/mixin/padding/padding-variant.md).

# padding-variant()

{% code title="" lineNumbers="true" %}

```scss
@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;
  }
}
```

{% endcode %}