Bug? Apply a Style Until a Condition is Met with @while

Tell us what’s happening:
The browser would lock-up as soon as I wrote the while condition. Presumably this is because of live-update. I had created an infinite loop as soon as I typed the closing bracket of my (as yet empty) block.
I solved it by pasting in the example code, and modifying it.

The code that causes the browser to become unresponsive:

  $x: 1;
  @while $x < 11 {

Your code so far

<style type='text/sass'>
  $x: 1;
  @while $x < 11 {
    .text-#{$x} { font-size: 5px * $x; }
    $x: $x + 1;

<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>
<p class="text-6">Hello</p>
<p class="text-7">Hello</p>
<p class="text-8">Hello</p>
<p class="text-9">Hello</p>
<p class="text-10">Hello</p>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Safari/537.36.

Link to the challenge: