Text stroke using text-shadow as SCSS mixin.

text-stroke.scss

/**
 * Text stroke using text-shadow.
 * @example
 *     p {
 *       @include stroke(black, 2px);
 *     }
 */
@mixin stroke($color, $size: 1px) {
  $value: null;
  
  @for $x from $size * -1 through $size {
    @for $y from $size * -1 through $size {
      @if not ($x == 0px and $y == 0px) {
        $value: $value, $x $y $color;
      }
    }
  }
  
  text-shadow: $value;
}

great mixin!

but my preprocessor says

Error: Expected expression.
  ╷
2 │     $value:;
  │            ^
  ╵

so i went with declaring $value with null

$value: null;

and the size default should have a unit with for visible results:

@mixin stroke($color, $size: 1px) {

@AndreKelling Thanks! I just edited it with your feedback. 👍