Sass Utility For Spacing Classes

$spaceamounts: ('none', 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 75, 80, 100, 150); // Adjust this to include the pixel amounts you need.
$sides: (top, bottom, left, right); // Leave this variable alone

@each $space in $spaceamounts {
  @each $side in $sides {
    .m-#{str-slice($side, 0, 1)}-#{$space} {
      @if $space == 'none' {
        margin-#{$side}: 0px !important;
      } @else {
        margin-#{$side}: #{$space}px !important;
      }
    }
  
    .p-#{str-slice($side, 0, 1)}-#{$space} {
      @if $space == 'none' {
        padding-#{$side}: 0px !important;
      } @else {
        padding-#{$side}: #{$space}px !important;
      }
    }
  }
}