sketches for modular margin revival, sass-alpha

SassMeister-input.scss

// ----
// Sass (v4.0.0.alpha.1)
// ----

@mixin foo($opts: null, $bar: 1, $baz: 2, $bif: 3) {
  @if $opts { @include foo($opts...); } @else {
    bar: $bar;
    baz: $baz;
    bif: $bif;
  }
}

.test {
  @include foo((bar: 5, bif: 1));
}

$sizes: (s1: mod-map(2), s2: mod-map(1.5));
// mod-map(x)
// -> (a: mult, b: mult, c: mult)

/*

ADAPT margin-*() functions:

margin-y(unit) -> unit
margin-y(str) -> m value -> mult|map
margin-y(mult) -> rem value
margin-y(map) -> mult for current medium -> rem value

ADAPT setup, if using modular values:

@include media((for: margin-y)) {
  @each $key, $value in $margins {
    $n: str-slice($key, 2);
    .mt#{$n} { margin-top: margin-y($value); }
    .mb#{$n} { margin-bottom: margin-y($value); }
  }
}

@else just this:

@each $key, $value in $margins {
  $n: str-slice($key, 2);
  .mt#{$n} { margin-top: margin-y($value); }
  .mb#{$n} { margin-bottom: margin-y($value); }
}

*/

@each $index, $value in $sizes {
  .test { out: 'trim' + str-slice($index, 2); }
}

SassMeister-output.css

Undefined variable: "$n".