generate layout helpers.scss

$g: 20px;

$props: ( 
(margin, ma),
(margin-top, mt),
(margin-bottom, mb),
(margin-left, ml),
(margin-right, mr),
(padding, pa),
(padding-top, pt),
(padding-bottom, pb),
(padding-left, pl),
(padding-right, pr)
);

@mixin generateLayoutHelpers($proplist) {
  @each $prop, $className in $proplist {
    .#{$className} {
      #{$prop}: $g;
    }
    
    .#{$className}-s {
      #{$prop}: $g / 4;
    }
    
    .#{$className}-m {
      #{$prop}: $g / 2;
    }
  }
}

@include generateLayoutHelpers($props);