/* margin */
.margin-0,
%margin-0 {
  margin: 0;
}

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