Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sass: Store Data with Sass Variables #14500

Closed
jowaynejosephs opened this issue Apr 19, 2017 · 14 comments
Closed

Sass: Store Data with Sass Variables #14500

jowaynejosephs opened this issue Apr 19, 2017 · 14 comments
Labels
type: bug Issues that need priority attention. Platform, Curriculum tests (if broken completely), etc.

Comments

@jowaynejosephs
Copy link

Challenge store-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/57.0.2987.133 Safari/537.36.
Please describe how to reproduce this issue, and include links to screenshots if possible.
I am getting an error for the last 2 parts of the challenge (Your .blog-post element should have a color of red.) and (Your h2 elements should have a color of red.) The variable seems to be buggy

<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>
@erictleung erictleung added beta type: bug Issues that need priority attention. Platform, Curriculum tests (if broken completely), etc. labels Apr 21, 2017
@erictleung
Copy link
Member

@jowaynejosephs thanks for the issue. Yes, there seems to be something wrong with the use of the variable and how it is being translated. But I'm not sure how to fix it. I'll leave this open for others to investigate as well.

image

@masters-george
Copy link

I am also getting the same issue with chrome on a Linux-mint community.

@cotolany
Copy link

Same. in Chrome win7.
Have workaround :
.blog-post, h2 {
color: $text-color;
color: red; /* This is just a workaround to pass lesson untill tests will be corrected. */
}

@systimotic
Copy link
Member

Hi all! Thanks for reporting and looking into this issue. I'm closing this as a duplicate of #12699. Happy coding!

@mirkocoppola80
Copy link

I am getting the same error:
Your .blog-post element should have a color of red.) and (Your h2 elements should have a color of red.

@ghost
Copy link

ghost commented Jul 27, 2018

I have same problem with this challenge.

@Maram-RBK
Copy link

Maram-RBK commented Jul 29, 2018

Delete the type of style; I tried it and it works!

@varshap22
Copy link

I am getting the error:
Your .blog-post element should have a color of red.) and (Your h2 elements should have a color of red

@Fanon316
Copy link

I used the work-arounds described above, and was able to complete the challenge.

@varshap22
Copy link

varshap22 commented Aug 12, 2018 via email

@Fanon316
Copy link

I will be glad to assist. What code have you written for the challenge?

@varshap22
Copy link

varshap22 commented Aug 12, 2018 via email

@varshap22
Copy link

varshap22 commented Aug 12, 2018 via email

@Asjas
Copy link
Contributor

Asjas commented Aug 12, 2018

@varshap22 Github Issues aren't used for support queries. It's used to report issues with the codebase.

Please use the freeCodeCamp Forum or the freeCodeCamp Gitter for support questions.

Please stop posting on old issues.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Issues that need priority attention. Platform, Curriculum tests (if broken completely), etc.
Projects
None yet
Development

No branches or pull requests