/* paddings */
.padding-0,
%padding-0 {
  padding: 0;
}

@each $name in $paddings {
  @for $value from 0 through 10 {
    $spacing: spacing($value);
    .#{$name}-#{'' + $value},
    %#{$name}-#{'' + $value} {
      @if ($name == 'padding-x') {
        padding-right: $spacing;
        padding-left: $spacing;
      } @else if ($name == 'padding-y') {
        padding-top: $spacing;
        padding-bottom: $spacing;
      } @else {
        #{$name}: $spacing;
      }
    }
  }
}