@each $member in 0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 28, 30, 32, 36, 40,
  42, 50, 58, 60, 70, 80, 100
{
  .mt-#{$member} {
    margin-top: #{$member}px !important;
  }

  .ml-#{$member} {
    margin-left: #{$member}px !important;
  }

  .mb-#{$member} {
    margin-bottom: #{$member}px !important;
  }

  .mr-#{$member} {
    margin-right: #{$member}px !important;
  }

  .m-#{$member} {
    margin: #{$member}px !important;
  }

  .mx-#{$member} {
    margin-left: #{$member}px !important;
    margin-right: #{$member}px !important;
  }

  .my-#{$member} {
    margin-top: #{$member}px !important;
    margin-bottom: #{$member}px !important;
  }

  .pt-#{$member} {
    padding-top: #{$member}px !important;
  }

  .pl-#{$member} {
    padding-left: #{$member}px !important;
  }

  .pb-#{$member} {
    padding-bottom: #{$member}px !important;
  }

  .pr-#{$member} {
    padding-right: #{$member}px !important;
  }

  .p-#{$member} {
    padding: #{$member}px !important;
  }

  .px-#{$member} {
    padding-left: #{$member}px !important;
    padding-right: #{$member}px !important;
  }

  .py-#{$member} {
    padding-top: #{$member}px !important;
    padding-bottom: #{$member}px !important;
  }
}
