Generated by SassMeister.com.

text-shadow-mixin-HTML.html

<div class="awesome">Hammertime</div>

text-shadow-mixin-input.scss

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

@mixin close-shade($shade, $shade-bottom, $distance: 10){
  text-transform: uppercase;
  $size: .005em;
  $holder: ();
  @for $i from 0 to $distance{
    $offset: $size*$i;
    $value-bottom: (0 - $offset) (.005em + $offset) $shade-bottom;
    $value: (-.005em - $offset) (0 + $offset) $shade;
    $holder: append($holder, $value-bottom, comma);
    $holder: append($holder, $value, comma);
  }
  text-shadow: $holder;
}


.awesome{
  color: gray;
  font-family: sans-serif;
  font-size: 6em;
  text-align: center;
  @include close-shade(yellow, red, 40);
}

text-shadow-mixin-output.css

.awesome {
  color: gray;
  font-family: sans-serif;
  font-size: 6em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0em 0.005em red, -0.005em 0em yellow, -0.005em 0.01em red, -0.01em 0.005em yellow, -0.01em 0.015em red, -0.015em 0.01em yellow, -0.015em 0.02em red, -0.02em 0.015em yellow, -0.02em 0.025em red, -0.025em 0.02em yellow, -0.025em 0.03em red, -0.03em 0.025em yellow, -0.03em 0.035em red, -0.035em 0.03em yellow, -0.035em 0.04em red, -0.04em 0.035em yellow, -0.04em 0.045em red, -0.045em 0.04em yellow, -0.045em 0.05em red, -0.05em 0.045em yellow, -0.05em 0.055em red, -0.055em 0.05em yellow, -0.055em 0.06em red, -0.06em 0.055em yellow, -0.06em 0.065em red, -0.065em 0.06em yellow, -0.065em 0.07em red, -0.07em 0.065em yellow, -0.07em 0.075em red, -0.075em 0.07em yellow, -0.075em 0.08em red, -0.08em 0.075em yellow, -0.08em 0.085em red, -0.085em 0.08em yellow, -0.085em 0.09em red, -0.09em 0.085em yellow, -0.09em 0.095em red, -0.095em 0.09em yellow, -0.095em 0.1em red, -0.1em 0.095em yellow, -0.1em 0.105em red, -0.105em 0.1em yellow, -0.105em 0.11em red, -0.11em 0.105em yellow, -0.11em 0.115em red, -0.115em 0.11em yellow, -0.115em 0.12em red, -0.12em 0.115em yellow, -0.12em 0.125em red, -0.125em 0.12em yellow, -0.125em 0.13em red, -0.13em 0.125em yellow, -0.13em 0.135em red, -0.135em 0.13em yellow, -0.135em 0.14em red, -0.14em 0.135em yellow, -0.14em 0.145em red, -0.145em 0.14em yellow, -0.145em 0.15em red, -0.15em 0.145em yellow, -0.15em 0.155em red, -0.155em 0.15em yellow, -0.155em 0.16em red, -0.16em 0.155em yellow, -0.16em 0.165em red, -0.165em 0.16em yellow, -0.165em 0.17em red, -0.17em 0.165em yellow, -0.17em 0.175em red, -0.175em 0.17em yellow, -0.175em 0.18em red, -0.18em 0.175em yellow, -0.18em 0.185em red, -0.185em 0.18em yellow, -0.185em 0.19em red, -0.19em 0.185em yellow, -0.19em 0.195em red, -0.195em 0.19em yellow, -0.195em 0.2em red, -0.2em 0.195em yellow;
}

text-shadow-mixin-rendered.html

<div class="awesome">Hammertime</div>