<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/sass/store-data-with-sass-variables" rel="nofollow">store-data-with-sass-variables</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.98 Safari/537.36</code>.<br>
To reproduce issue just copy/paste included code into page with challenge and run it,<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/23126351/24335536/17e7c5ca-124d-11e7-9ae1-4f5152eb6d23.png"><img src="https://cloud.githubusercontent.com/assets/23126351/24335536/17e7c5ca-124d-11e7-9ae1-4f5152eb6d23.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Same code in jsfiddle:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/23126351/24335578/fcc18dca-124d-11e7-9c29-72fc9a4980f1.png"><img src="https://cloud.githubusercontent.com/assets/23126351/24335578/fcc18dca-124d-11e7-9c29-72fc9a4980f1.png" alt="2017-03-26_17-56-20" style="max-width: 100%;"></a></p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="

&lt;style&gt;
  $text-color: red;
  
  .header{
    text-align: center;

  }
  .blog-post, h2{
    color: $text-color;
  }
&lt;/style&gt;

&lt;h1 class=&quot;header&quot;&gt;Learn Sass&lt;/h1&gt;
&lt;div class=&quot;blog-post&quot;&gt;
  &lt;h2&gt;Some random title&lt;/h2&gt;
  &lt;p&gt;This is a paragraph with some random text in it&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blog-post&quot;&gt;
  &lt;h2&gt;Header #2&lt;/h2&gt;
  &lt;p&gt;Here is some more random text.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blog-post&quot;&gt;
  &lt;h2&gt;Here is another header&lt;/h2&gt;
  &lt;p&gt;Even more random text within a paragraph&lt;/p&gt;
&lt;/div&gt;
"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
  $text<span class="pl-c1">-</span>col<span class="pl-c1">or</span><span class="pl-kos">:</span> <span class="pl-c1">red</span>;
  
  .<span class="pl-c1">header</span>{
    <span class="pl-c1">text-align</span><span class="pl-kos">:</span> center;

  }
  .<span class="pl-c1">blog-post</span><span class="pl-kos">,</span> <span class="pl-ent">h2</span>{
    <span class="pl-c1">color</span><span class="pl-kos">:</span> $text<span class="pl-c1">-</span>col<span class="pl-c1">or</span>;
  }
<span class="pl-kos">&lt;/</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">h1</span> <span class="pl-c1">class</span>="<span class="pl-s">header</span>"<span class="pl-kos">&gt;</span>Learn Sass<span class="pl-kos">&lt;/</span><span class="pl-ent">h1</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">blog-post</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>Some random title<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>This is a paragraph with some random text in it<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">blog-post</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>Header #2<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Here is some more random text.<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">blog-post</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>Here is another header<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Even more random text within a paragraph<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">edited: attached screenshot<br>
edited-2: attached jsfiddle<br>
edited-3: added "edited" part at the end</p>
<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/sass/storing-data-with-sass-variables" rel="nofollow">storing-data-with-sass-variables</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36</code>.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="    
    
&lt;style&gt;
$text-color: red;

.header{
  text-align: center;
}
.blog-post h2 {
  color: $text-color;
}
&lt;/style&gt;

&lt;h1 class=&quot;header&quot;&gt;Learn Sass&lt;/h1&gt;
&lt;div class=&quot;blog-post&quot;&gt;
&lt;h2&gt;Some random title&lt;/h2&gt;
&lt;p&gt;This is a paragraph with some random text in it&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blog-post&quot;&gt;
&lt;h2&gt;Header #2&lt;/h2&gt;
&lt;p&gt;Here is some more random text.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blog-post&quot;&gt;
&lt;h2&gt;Here is another header&lt;/h2&gt;
&lt;p&gt;Even more random text within a paragraph&lt;/p&gt;
&lt;/div&gt;"><pre class="notranslate">    
    
<span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
$text<span class="pl-c1">-</span>col<span class="pl-c1">or</span><span class="pl-kos">:</span> <span class="pl-c1">red</span>;

.<span class="pl-c1">header</span>{
  <span class="pl-c1">text-align</span><span class="pl-kos">:</span> center;
}
.<span class="pl-c1">blog-post</span> <span class="pl-ent">h2</span> {
  <span class="pl-c1">color</span><span class="pl-kos">:</span> $text<span class="pl-c1">-</span>col<span class="pl-c1">or</span>;
}
<span class="pl-kos">&lt;/</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">h1</span> <span class="pl-c1">class</span>="<span class="pl-s">header</span>"<span class="pl-kos">&gt;</span>Learn Sass<span class="pl-kos">&lt;/</span><span class="pl-ent">h1</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">blog-post</span>"<span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>Some random title<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>This is a paragraph with some random text in it<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">blog-post</span>"<span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>Header #2<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Here is some more random text.<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">blog-post</span>"<span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>Here is another header<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Even more random text within a paragraph<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">Hello Everyone, I think I found a bug in the challenge Storing Data With Sass Variables. I think I did everything right, but the h2 and the .blog-post elements colour doesn't change to red. I pass two of the user stories but not these:<br>
Your .blog-post element should have a color of red.<br>
Your h2 elements should have a color of red.</p>
<p dir="auto">It also doesn't change red. But it passes the user stories:<br>
Your code should have a Sass variable declared for $text-color with a value of red.<br>
Your code should use the $text-color variable to change the color for the .blog-post and h2 items</p>
<p dir="auto">Thank you in advance, and the new things in Beta seem amazing keep up the great work! Can't wait to work through more of them! <g-emoji class="g-emoji" alias="+1" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f44d.png">👍</g-emoji></p>