<p class="__text-outline__">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="__text-outline__thick">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p class="__text-outline__red">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p class="__text-outline__thick __text-outline__red">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
[class*="__text-outline__"] {
  --x: 0 0 var(--text-outline--width, 1px) var(--text-outline--color, #000);
  --y: var(--x), var(--x), var(--x), var(--x), var(--x), var(--x); /* 6 */
  text-shadow: var(--y), var(--y), var(--y), var(--y), var(--y), var(--y); /* 6 * 6 = 36 */

  color: #fff;
  font-size: 2em;
}
.__text-outline__thick {
  --text-outline--width: 2px;
}
.__text-outline__red {
  --text-outline--color: #800000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.