apply-a-style-until-a-condition-is-met-with-while.txt

<style type='text/scss'>

$x: 1;

@while $x < 6 {
    .text-#{$x} {
      font-size: 15px * $x;
      $x : $x + 1;
    }
}



</style>

<p class="text-1">Hello</p>
<p class="text-2">Hello</p>
<p class="text-3">Hello</p>
<p class="text-4">Hello</p>
<p class="text-5">Hello</p>