@function text-stroke-shadow-layer($offset, $color)
  $text-shadow: ()
  $text-shadow: append($text-shadow, #{$offset}px 0 0 $color, comma)
  $text-shadow: append($text-shadow, #{$offset}px #{$offset}px 0 $color, comma)
  $text-shadow: append($text-shadow, 0 #{$offset}px 0 $color, comma)
  $text-shadow: append($text-shadow, #{-$offset}px #{$offset}px 0 $color, comma)
  $text-shadow: append($text-shadow, #{-$offset}px 0 0 $color, comma)
  $text-shadow: append($text-shadow, #{-$offset}px #{-$offset}px 0 $color, comma)
  $text-shadow: append($text-shadow, 0 #{-$offset}px 0 $color, comma)
  $text-shadow: append($text-shadow, #{$offset}px #{-$offset}px 0 $color, comma)

  @return $text-shadow

@function text-stroke-shadow($color, $width)
  $width: strip-unit($width)
  $floor-width: floor($width)
  $text-shadow: ()

  @for $offset from 1 through $floor-width
    $text-shadow: append($text-shadow, text-stroke-shadow-layer($offset, $color), comma)

  @if $width != $floor-width
    $text-shadow: append($text-shadow, text-stroke-shadow-layer($width, $color), comma)

  @return $text-shadow

=text-stroke($color, $width)
  text-shadow: text-stroke-shadow($color, $width)

  @media screen and (-webkit-min-device-pixel-ratio: 0)
    -webkit-text-stroke: $width $color
    text-shadow: none
    @content