@mixin padding() {
  @for $i from -3 through 7 {
    [data-unitone-layout~="-padding\:#{ $i }"] {
      --unitone--padding: var(--unitone--p#{ $i }) !important;
    }

    [data-unitone-layout~="-padding-top\:#{ $i }"] {
      --unitone--padding-top: var(--unitone--p#{ $i }) !important;
    }

    [data-unitone-layout~="-padding-right\:#{ $i }"] {
      --unitone--padding-right: var(--unitone--p#{ $i }) !important;
    }

    [data-unitone-layout~="-padding-bottom\:#{ $i }"] {
      --unitone--padding-bottom: var(--unitone--p#{ $i }) !important;
    }

    [data-unitone-layout~="-padding-left\:#{ $i }"] {
      --unitone--padding-left: var(--unitone--p#{ $i }) !important;
    }

    [data-unitone-layout~="-padding\:#{ $i }"][data-unitone-layout~="gutters"] {
      --unitone--padding: var(--unitone--s#{ $i }) !important;
    }
  }

  @for $i from 1 through 7 {
    [data-unitone-layout~="-padding\:#{ $i }s"] {
      --unitone--padding: var(--unitone--p#{ $i }s) !important;
    }

    [data-unitone-layout~="-padding-top\:#{ $i }s"] {
      --unitone--padding-top: var(--unitone--p#{ $i }s) !important;
    }

    [data-unitone-layout~="-padding-right\:#{ $i }s"] {
      --unitone--padding-right: var(--unitone--p#{ $i }s) !important;
    }

    [data-unitone-layout~="-padding-bottom\:#{ $i }s"] {
      --unitone--padding-bottom: var(--unitone--p#{ $i }s) !important;
    }

    [data-unitone-layout~="-padding-left\:#{ $i }s"] {
      --unitone--padding-left: var(--unitone--p#{ $i }s) !important;
    }

    [data-unitone-layout~="-padding\:#{ $i }s"][data-unitone-layout~="gutters"] {
      --unitone--padding: var(--unitone--s#{ $i }s) !important;
    }
  }

  @for $i from 2 through 7 {
    [data-unitone-layout~="-padding\:#{ $i }m"] {
      --unitone--padding: var(--unitone--p#{ $i }m) !important;
    }

    [data-unitone-layout~="-padding-top\:#{ $i }m"] {
      --unitone--padding-top: var(--unitone--p#{ $i }m) !important;
    }

    [data-unitone-layout~="-padding-right\:#{ $i }m"] {
      --unitone--padding-right: var(--unitone--p#{ $i }m) !important;
    }

    [data-unitone-layout~="-padding-bottom\:#{ $i }m"] {
      --unitone--padding-bottom: var(--unitone--p#{ $i }m) !important;
    }

    [data-unitone-layout~="-padding-left\:#{ $i }m"] {
      --unitone--padding-left: var(--unitone--p#{ $i }m) !important;
    }

    [data-unitone-layout~="-padding\:#{ $i }m"][data-unitone-layout~="gutters"] {
      --unitone--padding: var(--unitone--s#{ $i }m) !important;
    }
  }
}