Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="test"></div>

SassMeister-input.scss

// ----
// libsass (v3.1.0)
// ----

@function shadowGridBuilder($no,$x,$y,$color) {
  $init: $x $y 0 0;
  @for $i from 1 through 4 {
    @if $i > 1 {
      $init: $init + $color+ ', ' + ((($x * $i) + (($x * $i) - $x)) $y 0 0);
    }
  }
  @return unquote($init + ' ' + $color);
  
}

.test {
  width: 4px;
  height: 4px;
  box-shadow: shadowGridBuilder(4,4px,0,' #ff44dd'), shadowGridBuilder(4,4px,8px,' #ff44dd'), shadowGridBuilder(4,4px,16px,' #ff44dd'),  shadowGridBuilder(4,4px,24px,' #ff44dd');
}

SassMeister-output.css

.test {
  width: 4px;
  height: 4px;
  box-shadow: 4px 0 0 0 #ff44dd, 12px 0 0 0 #ff44dd, 20px 0 0 0 #ff44dd, 28px 0 0 0  #ff44dd, 4px 8px 0 0 #ff44dd, 12px 8px 0 0 #ff44dd, 20px 8px 0 0 #ff44dd, 28px 8px 0 0  #ff44dd, 4px 16px 0 0 #ff44dd, 12px 16px 0 0 #ff44dd, 20px 16px 0 0 #ff44dd, 28px 16px 0 0  #ff44dd, 4px 24px 0 0 #ff44dd, 12px 24px 0 0 #ff44dd, 20px 24px 0 0 #ff44dd, 28px 24px 0 0  #ff44dd; }

SassMeister-rendered.html

<div class="test"></div>