Need assistance in Store Data with Sass Variables

Challenge Name

Store Data with Sass Variables has an issue.

Issue Description

Just follow the instructions. It will not load the variables unless you hard code
required property into h2 and the blog-post class, under the variable.

Browser Information

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.109 Safari/537.36.

Your Code



<style>
  /* Unpassable on both firefox and/or Chromium. */
  $text-color: red;
  
  .header{
    text-align: center;
  }
  .blog-post h2 {
    color: $text-color;
  }
  /* Adding `color: red;` under
     will make it pass, but only
     if it follows the below format.*/
  .blog-post{
    color: $text-color;
    /* color: red; */
  }
  h2{
    color: $text-color;
    /* color: red; */
  }
</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>

This code works in Codepen, so I’m guessing it’s a but in Beta, but I’d love to be proven wrong. Hopefully, someone else can see what we aren’t.

Same problem here.
Browser: Chromium on Linux

Chrome Dev Tools Console Log:
> Resource interpreted as Stylesheet but transferred with MIME type application/javascript: "https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.9.13/sass.min.js".
> DevTools failed to parse SourceMap: https://beta.freecodecamp.com/en/challenges/sass/normalize.min.css.map

There seems to be a problem with Sass compiling in all the FCC beta challenges. Hope this gets fixed soon… I wish I could know how…

This still seems to be a problem while running on Mozilla 61.0.1. Below test cases failed but they ran perfectly in chrome.

Your .blog-post element should have a color of red.
Your h2 elements should have a color of red.

1 Like

Yeah, the solution worked in Chrome, but didn’t work in Brave (which I thought was Chromium based).