False Positive: Sass

False Positive: Sass
0

#1
<style type='text/sass'>

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

In the preview this code changes the font-size of every element but i still can’t pass the challenge.
I also tried
font-size: #{5 * $x}px;
But still can’t pass the challenge.


#2

try 5px * $x and should work. same result but fcc test units check for a certain syntax


#3

5px * $x;
didn’t work


#4

The code its ok both ways and you should pass the challenge. This both versions are working:

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

or

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

if not, on the right browser rendering part, right click and choose reload and then run the tests again.