Sass challenges don't work
See original GitHub issueChallenge storing-data-with-sass-variables has an issue.
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
.
<style>
$text-color: red;
.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>
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: Your .blog-post element should have a color of red. Your h2 elements should have a color of red.
It also doesn’t change red. But it passes the user stories: Your code should have a Sass variable declared for $text-color with a value of red. Your code should use the $text-color variable to change the color for the .blog-post and h2 items
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! 👍
Issue Analytics
- State:
- Created 7 years ago
- Reactions:7
- Comments:39 (14 by maintainers)
Top GitHub Comments
You may add your color style to div tag. This works for me.
I’m going through the Sass lessons now. I’ll post any additional lessons that are broken.
The full list of Sass lessons with broken tests: https://learn.freecodecamp.org/front-end-libraries/sass/store-data-with-sass-variables https://learn.freecodecamp.org/front-end-libraries/sass/use-for-to-create-a-sass-loop https://learn.freecodecamp.org/front-end-libraries/sass/use-each-to-map-over-items-in-a-list https://learn.freecodecamp.org/front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while
Here’s a visual aid: