.mx {
  @include dynamic-sizing-auto(null, 'x');
  @include sizing-axis('margin', null, 'x');

  @include tablet-portrait-up {
    @include dynamic-sizing-auto('sm', 'x');
    @include sizing-axis('margin', 'sm', 'x');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing-auto('md', 'x');
    @include sizing-axis('margin', 'md', 'x');
  }

  @include desktop-up {
    @include dynamic-sizing-auto('lg', 'x');
    @include sizing-axis('margin', 'lg', 'x');
  }

  @include big-desktop-up {
    @include dynamic-sizing-auto('xl', 'x');
    @include sizing-axis('margin', 'xl', 'x');
  }
}

.my {
  @include dynamic-sizing-auto(null, 'y');
  @include sizing-axis('margin', null, 'y');

  @include tablet-portrait-up {
    @include dynamic-sizing-auto('sm', 'y');
    @include sizing-axis('margin', 'sm', 'y');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing-auto('md', 'y');
    @include sizing-axis('margin', 'md', 'y');
  }

  @include desktop-up {
    @include dynamic-sizing-auto('lg', 'y');
    @include sizing-axis('margin', 'lg', 'y');
  }

  @include big-desktop-up {
    @include dynamic-sizing-auto('xl', 'y');
    @include sizing-axis('margin', 'xl', 'y');
  }
}

.ml {
  @include dynamic-sizing-auto(null, null, 'margin', 'left');
  @include dynamic-sizing(null, 'margin-left', 'rem');

  @include tablet-portrait-up {
    @include dynamic-sizing-auto('sm', null, 'margin', 'left');
    @include dynamic-sizing('sm', 'margin-left', 'rem');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing-auto('md', null, 'margin', 'left');
    @include dynamic-sizing('md', 'margin-left', 'rem');
  }

  @include desktop-up {
    @include dynamic-sizing-auto('lg', null, 'margin', 'left');
    @include dynamic-sizing('lg', 'margin-left', 'rem');
  }

  @include big-desktop-up {
    @include dynamic-sizing-auto('xl', null, 'margin', 'left');
    @include dynamic-sizing('xl', 'margin-left', 'rem');
  }
}

.mr {
  @include dynamic-sizing-auto(null, null, 'margin', 'right');
  @include dynamic-sizing(null, 'margin-right', 'rem');

  @include tablet-portrait-up {
    @include dynamic-sizing-auto('sm', null, 'margin', 'right');
    @include dynamic-sizing('sm', 'margin-right', 'rem');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing-auto('md', null, 'margin', 'right');
    @include dynamic-sizing('md', 'margin-right', 'rem');
  }

  @include desktop-up {
    @include dynamic-sizing-auto('lg', null, 'margin', 'right');
    @include dynamic-sizing('lg', 'margin-right', 'rem');
  }

  @include big-desktop-up {
    @include dynamic-sizing-auto('xl', null, 'margin', 'right');
    @include dynamic-sizing('xl', 'margin-right', 'rem');
  }
}

.mt {
  @include dynamic-sizing-auto(null, null, 'margin', 'top');
  @include dynamic-sizing(null, 'margin-top', 'rem');

  @include tablet-portrait-up {
    @include dynamic-sizing-auto('sm', null, 'margin', 'top');
    @include dynamic-sizing('sm', 'margin-top', 'rem');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing-auto('md', null, 'margin', 'top');
    @include dynamic-sizing('md', 'margin-top', 'rem');
  }

  @include desktop-up {
    @include dynamic-sizing-auto('lg', null, 'margin', 'top');
    @include dynamic-sizing('lg', 'margin-top', 'rem');
  }

  @include big-desktop-up {
    @include dynamic-sizing-auto('xl', null, 'margin', 'top');
    @include dynamic-sizing('xl', 'margin-top', 'rem');
  }
}

.mb {
  @include dynamic-sizing-auto(null, null, 'margin', 'bottom');
  @include dynamic-sizing(null, 'margin-bottom', 'rem');

  @include tablet-portrait-up {
    @include dynamic-sizing-auto('sm', null, 'margin', 'bottom');
    @include dynamic-sizing('sm', 'margin-bottom', 'rem');
  }

  @include tablet-landscape-up {
    @include dynamic-sizing-auto('md', null, 'margin', 'bottom');
    @include dynamic-sizing('md', 'margin-bottom', 'rem');
  }

  @include desktop-up {
    @include dynamic-sizing-auto('lg', null, 'margin', 'bottom');
    @include dynamic-sizing('lg', 'margin-bottom', 'rem');
  }

  @include big-desktop-up {
    @include dynamic-sizing-auto('xl', null, 'margin', 'bottom');
    @include dynamic-sizing('xl', 'margin-bottom', 'rem');
  }
}