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>