// Margins //

.u-m {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin: $val;
    }
  }
}

.u--m {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin: -$val;
    }
  }
}

.u-my {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-top: $val;
      margin-bottom: $val;
    }
  }
}

.u--my {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-top: -$val;
      margin-bottom: -$val;
    }
  }
}

.u-mx {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-left: $val;
      margin-right: $val;
    }
  }
}

.u--mx {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-left: -$val;
      margin-right: -$val;
    }
  }
}

.u-mt {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-top: $val;
    }
  }
}

.u--mt {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-top: -$val;
    }
  }
}

.u-mr {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-right: $val;
    }
  }
}

.u--mr {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-right: -$val;
    }
  }
}

.u-mb {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-bottom: $val;
    }
  }
}

.u--mb {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-bottom: -$val;
    }
  }
}

.u-ml {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-left: $val;
    }
  }
}

.u--ml {
  @each $margin, $val in $spacings {
    &-#{$margin} {
      margin-left: -$val;
    }
  }
}

// Paddings //

.u-p {
  @each $padding, $val in $spacings {
    &-#{$padding} {
      padding: $val;
    }
  }
}

.u-py {
  @each $padding, $val in $spacings {
    &-#{$padding} {
      padding-top: $val;
      padding-bottom: $val;
    }
  }
}

.u-px {
  @each $padding, $val in $spacings {
    &-#{$padding} {
      padding-left: $val;
      padding-right: $val;
    }
  }
}
.u-pt {
  @each $padding, $val in $spacings {
    &-#{$padding} {
      padding-top: $val;
    }
  }
}

.u-pr {
  @each $padding, $val in $spacings {
    &-#{$padding} {
      padding-right: $val;
    }
  }
}

.u-pb {
  @each $padding, $val in $spacings {
    &-#{$padding} {
      padding-bottom: $val;
    }
  }
}

.u-pl {
  @each $padding, $val in $spacings {
    &-#{$padding} {
      padding-left: $val;
    }
  }
}