Beta - Test Case Broken - Sass: Use @for to Create a Sass Loop

Challenge Name

http://beta.freecodecamp.com/en/challenges/sass/use-for-to-create-a-sass-loop?

Issue Description

The test case for this challenge is broken.

SASS does not appear to be working for the in browser editor, as hitting submit doesn’t properly show the SASS changes.

Using an editor like codepen that has sass configured will show that the code does what is instructed.

FCC says it fails these tests, but the code is correct, FCC is wrong. Your .text-1 class should have a font-size of 10px. Your .text-2 class should have a font-size of 20px. Your .text-3 class should have a font-size of 30px. Your .text-4 class should have a font-size of 40px. Your .text-5 class should have a font-size of 50px.

Browser Information

• Browser Name, Version: Chrome
• Operating System: Windows 10
• Mobile, Desktop, or Tablet: Desktop

Your Code

<style>
  @for $j from 1 to 6{
    .text-#{$j} {font-size: 10px* $j};
  }
  
  
</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>

Screenshot

[shtscompany]

This is working 100%`

<style type='text/sass'>
  
  @for $j from 1 to 6 {
    .text-#{$j} { font-size: 10px*$j; }
  }
.text-1{
  font-size: 10px;
}
.text-2 {
  font-size: 20px;
}
.text-3{
  font-size: 30px;
}
.text-4{
  font-size: 40px;
}
.text-5{
  font-size: 50px;
}
  
</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>`

[nurulilmaan]