Common Spacings Utility Classes

spacings.scss

/* 
   # =================================================================
   # Spacings
   # =================================================================

   usage:
    .u-mt_4
    .u-pb_0
    .u-p_64

*/

$spacings:   0,2,4,8,16,32,64,96;

$properties: (margin, m),
            (padding, p);

$sides: (top, t),
        (right, r),
        (bottom, b),
        (left, l);

@each $space in $spacings {
    @each $property, $property_short in $properties {
        .u-#{$property_short} { #{$property}: $space + px + '!important'; }
        @each $side, $side_short in $sides {
            .u-#{$property_short}#{$side_short}_#{$space}{ 
                #{$property}-#{$side}: $space + px + '!important';
            }
        }
    }
}