sutter/helloFront

/** ======================================
 * Utils : Spacing
 * ======================================= */

$spacers: (n 0) (s $spacer-S) (m $spacer-M) (l $spacer-L);

@each $spacer in $spacers {
  $type: nth($spacer, 1);
  $size: nth($spacer, 2);

  .u-mt#{$type},
  .u-ma#{$type} {
    margin-top: $size !important;
  }

  .u-mb#{$type},
  .u-ma#{$type} {
    margin-bottom: $size !important;
  }

  .u-ml#{$type},
  .u-ma#{$type} {
    margin-left: $size !important;
  }

  .u-mr#{$type},
  .u-ma#{$type} {
    margin-right: $size !important;
  }

  .u-pt#{$type},
  .u-pa#{$type} {
    padding-top: $size !important;
  }

  .u-pb#{$type},
  .u-pa#{$type} {
    padding-bottom: $size !important;
  }

  .u-pl#{$type},
  .u-pa#{$type} {
    padding-left: $size !important;
  }

  .u-pr#{$type},
  .u-pa#{$type} {
    padding-right: $size !important;
  }
}