question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Sass challenges don't work

See original GitHub issue

Challenge 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:closed
  • Created 7 years ago
  • Reactions:7
  • Comments:39 (14 by maintainers)

github_iconTop GitHub Comments

9reactions
dikiaapcommented, Jul 22, 2018

You may add your color style to div tag. This works for me.

<div class="blog-post" style="color: red;">

screenshot from 2018-07-22 18-38-20

Read more comments on GitHub >

github_iconTop Results From Across the Web

SASS challenges not working? - The freeCodeCamp Forum
Another thing to look out for with the SASS challenges is that they are very particular. They work by matching your code to...
Read more >
What's Wrong with Sass - GarthDB
The Ruby and LibSass versions of the Sass compiler are not in sync, they do not have feature parity. LibSass will have all...
Read more >
When Sass and New CSS Features Collide
This is because Sass has its own min() function, and ignores the CSS min() function. Plus, Sass cannot perform any sort of computation...
Read more >
Sass Fundamentals Challenge 3: Solution - Frontend Masters
Mike walks through the solution to Challenge 3 and takes questions from students.
Read more >
Stop using @import with Sass | @use and @forward explained
A quick note, if you are using node- sass, it is out of date and @use and @forward, as well as their entire...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found