# Need assistance in Store Data with Sass Variables

**URL:** <https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218>\
**Category:** General\
**Created:** [July 14, 2017, 10:06pm UTC](https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218 "2017-07-14T22:06:29Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![AshtonHarding](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ashtonharding/32/44014_2.png) [@AshtonHarding](https://forum.freecodecamp.org/u/AshtonHarding)\
**Post date:** [July 14, 2017, 10:06pm UTC](https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218/1 "2017-07-14T22:06:29Z")

</div>

#### Challenge Name

[Store Data with Sass Variables](http://beta.freecodecamp.com/en/challenges/sass/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

```auto

<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>

```

---

<div class="post-metadata">

**Author:** ![DaveC](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/davec/32/161518_2.png) [@DaveC](https://forum.freecodecamp.org/u/DaveC)\
**Post date:** [July 15, 2017, 2:25am UTC](https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218/2 "2017-07-15T02:25:25Z")

</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.

---

<div class="post-metadata">

**Author:** ![mobesa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mobesa/32/161731_2.png) [@mobesa](https://forum.freecodecamp.org/u/mobesa)\
**Post date:** [July 16, 2017, 3:39pm UTC](https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218/3 "2017-07-16T15:39:44Z")

</div>

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`

---

<div class="post-metadata">

**Author:** ![mobesa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mobesa/32/161731_2.png) [@mobesa](https://forum.freecodecamp.org/u/mobesa)\
**Post date:** [July 16, 2017, 4:39pm UTC](https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218/4 "2017-07-16T16:39:23Z")

</div>

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…

---

<div class="post-metadata">

**Author:** ![Ayudh](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ayudh/32/72998_2.png) [@Ayudh](https://forum.freecodecamp.org/u/Ayudh)\
**Post date:** [August 2, 2018, 4:43am UTC](https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218/5 "2018-08-02T04:43:06Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![stephepush](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/stephepush/32/90326_2.png) [@stephepush](https://forum.freecodecamp.org/u/stephepush)\
**Post date:** [August 9, 2018, 3:19am UTC](https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218/6 "2018-08-09T03:19:11Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 9:36am UTC](https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218/7 "2021-01-17T09:36:54Z")

</div>