<p class="outline-text">
  Outline Text
</p>
@function outlineText($color, $borderWidth, $strength) {
  $values: null;
  @for $i from 0 through $strength {
    $values: append($values, 0 0 $borderWidth $color, comma)
  }
  @return $values;
}

.outline-text {
  font-size: 60px;
  color: #fff;
  font-weight: bold;
  text-shadow: outlineText(#333, 8px, 100);
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.