Is that a bug in SASS?

I found the same problem posted two and half years ago in Aug 2018.
I’m using chrome’s latest version as my browser.
Here is the problem is known as, Store Data with Sass Variables.
Here is my code based on the problem.

<style type='text/scss'>

  $text-color : red;        //===>Note<===
  
  .header{
    text-align: center;
  }
  .blog-post, h2 {
    color: $text-color;
  }
</style>

<h1 class="header">Learn Sass</h1>
<div class="blog-post">
  <h2>Some random title</h2>
  <p>This is a paragraph with some random text in it</p>
</div>
<div class="blog-post">
  <h2>Header #2</h2>
  <p>Here is some more random text.</p>
</div>
<div class="blog-post">
  <h2>Here is another header</h2>
  <p>Even more random text within a paragraph</p>
</div>

The case, my code didn’t pass is -

Your code should have a Sass variable declared for $text-color with a value of red.

But I did declared in ===>Note<=== line.
Anybody, please explain what’s going on?

Make sure there is no space:

$text-color: red;

I passed the tests when I removed that space :wink:

1 Like

uww :grimacing:
It’s so sensitive. Thank you Maciek Sitkowski :relaxed: