Alternate Layout Method

_layout.scss

/*------------------------------------*\
    Alternate Layout Method
\*------------------------------------*/ 
/**
 * Margins
 */
.margin { @include rem(margin, 2 * $base-spacing-unit); }
.margin--lg { @include rem(margin, 4 * $base-spacing-unit); }
.margin--sm { @include rem(margin, $base-spacing-unit); }

.margin-top { @include rem(margin-top, 2 * $base-spacing-unit); }
.margin-top--lg { @include rem(margin-top, 4 * $base-spacing-unit); }
.margin-top--sm { @include rem(margin-top, $base-spacing-unit); }

.margin-right { @include rem(margin-right, 2 * $base-spacing-unit); }
.margin-right--lg { @include rem(margin-right, 4 * $base-spacing-unit); }
.margin-right--sm { @include rem(margin-right, $base-spacing-unit); }

.margin-bottom { @include rem(margin-bottom, 2 * $base-spacing-unit); }
.margin-bottom--lg { @include rem(margin-bottom, 4 * $base-spacing-unit); }
.margin-bottom--sm { @include rem(margin-bottom, $base-spacing-unit); }

.margin-left { @include rem(margin-left, 2 * $base-spacing-unit); }
.margin-left--lg { @include rem(margin-left, 4 * $base-spacing-unit); }
.margin-left--sm { @include rem(margin-left, $base-spacing-unit); }

.margin-horz { @include rem(margin-left, 2 * $base-spacing-unit); @include rem(margin-right, 2 * $base-spacing-unit); }
.margin-horz--lg { @include rem(margin-left, 4 * $base-spacing-unit); @include rem(margin-right, 4 * $base-spacing-unit); }
.margin-horz--sm { @include rem(margin-left, $base-spacing-unit); @include rem(margin-right, $base-spacing-unit); }

.margin-vert { @include rem(margin-top, 2 * $base-spacing-unit); @include rem(margin-bottom, 2 * $base-spacing-unit); }
.margin-vert--lg { @include rem(margin-top, 4 * $base-spacing-unit); @include rem(margin-bottom, 4 * $base-spacing-unit); }
.margin-vert--sm { @include rem(margin-top, $base-spacing-unit); @include rem(margin-bottom, $base-spacing-unit); }