margin-variant()

@mixin margin-variant($id: 1, $size: 'unit-1') {
  .m-#{$id} {
    margin: get-var($size) !important;
  }

  .mb-#{$id} {
    margin-bottom: get-var($size) !important;
  }

  .ml-#{$id} {
    margin-left: get-var($size) !important;
  }

  .mr-#{$id} {
    margin-right: get-var($size) !important;
  }

  .mt-#{$id} {
    margin-top: get-var($size) !important;
  }

  .mx-#{$id} {
    margin-left: get-var($size) !important;
    margin-right: get-var($size) !important;
  }

  .my-#{$id} {
    margin-bottom: get-var($size) !important;
    margin-top: get-var($size) !important;
  }
}