@import '../../settings/variables';

@mixin u-margin($position, $prefix) {
  $name: if($prefix == null, -#{$position}, #{$prefix}-#{$position});

  &#{$name} {
    margin-#{$position}: $margin-normal;

    &--none {
      margin-#{$position}: 0;
    }

    &--auto {
      margin-#{$position}: auto;
    }

    &--tiny {
      margin-#{$position}: $margin-tiny;
    }

    &--small {
      margin-#{$position}: $margin-small;
    }

    &--medium {
      margin-#{$position}: $margin-medium;
    }

    &--big {
      margin-#{$position}: $margin-big;
    }

    &--enormous {
      margin-#{$position}: $margin-enormous;
    }

    &--jumbo {
      margin-#{$position}: $margin-jumbo;
    }
  }
}