Mientras jugaba con el codigo consegui esto, me parecio cool asi que se los comparto, jaja.

https://codepen.io/Aphento/pen/WNpREZY

<a href="/u/functionrandom-color" data-community-mention="USER" data-community-mention-slug="functionrandom-color">@functionrandom-color</a>() {
  $shadow-color: rgb(random(255),random(255),random(255));
  <a href="/u/return" data-community-mention="USER" data-community-mention-slug="return">@return</a> $shadow-color;
}

<a href="/u/functionlong-shadow" data-community-mention="USER" data-community-mention-slug="functionlong-shadow">@functionlong-shadow</a>($n) {
  $shadows: #{1px 1px random-color()};
  <a href="/u/for" data-community-mention="USER" data-community-mention-slug="for">@for</a> $i from 2 through $n {
    $shadows: append($shadows, #{$i*1px $i*1px random-color()}, comma);
  }
  
  <a href="/u/return" data-community-mention="USER" data-community-mention-slug="return">@return</a> $shadows;
}


body {
  background: <a href="/comunidad/publicaciones?q=%231c1c1c" data-community-hashtag="true">#1c1c1c</a>;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.text {
  font-size: 7em;
  color: white;
  font-family: sans-serif;
  text-shadow: long-shadow(50);
}

Mientras jugaba con el codigo consegui esto, me parecio cool asi que se los comparto, jaja.

https://codepen.io/Aphento/pen/WNpREZY

<a href="/u/functionrandom-color" data-community-mention="USER" data-community-mention-slug="functionrandom-color">@functionrandom-color</a>() {
  $shadow-color: rgb(random(255),random(255),random(255));
  <a href="/u/return" data-community-mention="USER" data-community-mention-slug="return">@return</a> $shadow-color;
}

<a href="/u/functionlong-shadow" data-community-mention="USER" data-community-mention-slug="functionlong-shadow">@functionlong-shadow</a>($n) {
  $shadows: #{1px 1px random-color()};
  <a href="/u/for" data-community-mention="USER" data-community-mention-slug="for">@for</a> $i from 2 through $n {
    $shadows: append($shadows, #{$i*1px $i*1px random-color()}, comma);
  }
  
  <a href="/u/return" data-community-mention="USER" data-community-mention-slug="return">@return</a> $shadows;
}


body {
  background: <a href="/comunidad/publicaciones?q=%231c1c1c" data-community-hashtag="true">#1c1c1c</a>;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.text {
  font-size: 7em;
  color: white;
  font-family: sans-serif;
  text-shadow: long-shadow(50);
}

Mientras jugaba con el codigo consegui esto, me parecio cool asi que se los comparto, jaja.

https://codepen.io/Aphento/pen/WNpREZY

<a href="/u/functionrandom-color" data-community-mention="USER" data-community-mention-slug="functionrandom-color">@functionrandom-color</a>() {
  $shadow-color: rgb(random(255),random(255),random(255));
  <a href="/u/return" data-community-mention="USER" data-community-mention-slug="return">@return</a> $shadow-color;
}

<a href="/u/functionlong-shadow" data-community-mention="USER" data-community-mention-slug="functionlong-shadow">@functionlong-shadow</a>($n) {
  $shadows: #{1px 1px random-color()};
  <a href="/u/for" data-community-mention="USER" data-community-mention-slug="for">@for</a> $i from 2 through $n {
    $shadows: append($shadows, #{$i*1px $i*1px random-color()}, comma);
  }
  
  <a href="/u/return" data-community-mention="USER" data-community-mention-slug="return">@return</a> $shadows;
}


body {
  background: <a href="/comunidad/publicaciones?q=%231c1c1c" data-community-hashtag="true">#1c1c1c</a>;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.text {
  font-size: 7em;
  color: white;
  font-family: sans-serif;
  text-shadow: long-shadow(50);
}