Sass challenges don't work

[ryanarnouk]

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! 👍

[systimotic]

@Azbo400 Thank you for reporting this issue. It looks like we don't actually support compiling the Sass yet 😅

[ryanarnouk]

@systimotic Oh haha, that makes sense! Thank you 😄

[HKuz]

Oh sorry! We should have given folks a head's up that this section wouldn't work properly. Thanks for the issue, @Azbo400

[ryanarnouk]

@HKuz That's fine, no problem. 😃

[pramodpots]

Yeah. Its not working. Will there be any notification when it is fixed?

[ChrisD1986]

We don't support the "saas" yet! Lmao!!! On Jan 22, 2017 12:19 AM, "Pramod Potdar" <notifications@github.com> wrote: Yeah. Its not working. Will there be any notification when it is fixed? — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#12699 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk> .

[rudolphh]

They don't want any sass from you. Jokes

[betaalpha987]

I agree that it'd be a good idea to warn people that Sass doesn't work yet.

In the meanwhile, I recommend folks follow the Sass official page's guide to installing a Sass compiler and following their guide (and / or FCC's Sass tutorials) on their own machines. The guide starts here: http://sass-lang.com/install

[MikeForde]

No agreed, there's more to it than white space. What I did notice is that - with the @while example - if I keep pressing the "Run the Tests" button then - if there are no actual errors - after 4-5 presses, it works, whereas if there is a genuine error it never passes. Not exactly ideal behaviour but would suggest a low-level error rather than one linked to an actual syntactic error in the code being submitted by the user.

[2series]

Hi all, whatever the issues are, they appear to be fix. Passed the challenge first time & i'm using Chrome Version 67.0.3396.87 (Official Build) (64-bit)

[Chaoticonomist]

Nope, still happening to me when I try the tests. Seem to only affect some users.

[CQW-Code]

Ran into the same issue-- FireFox 56.0.2.
Cleared all the whitespaces out; indenting etc checked.
Last two tests still failed. Attempting to "spam" the Run Test button.. so far no luck.

=====
edit: I finally did get it to work. Don't recall whether it was due to some minor error on my part or just patiently hitting the "Run Tests" button repeatedly. I wound up doing the "mash the Run Tests button" method on several SASS lessons after this one.

[mahmoud-coo6]

here trick for Sass: Use @for to Create a Sass Loop :
there is no second chance because there is bug in this challenge for sure..

<style type='text/sass'> @for $j from 1 through 5 { .text-#{$j} { font-size: 10px* $j; } } </style>

Hello

Hello

Hello

Hello

Hello

[dikiaap]

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

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

[dikiaap]

@mahmoud-coo6 Does your method work on Apply a Style Until a Condition is Met with @while?
I have a warning here: Your .text-1 class should have a font-size of 5px.
I'm pretty sure the font-size is 5px.

[mahmoud-coo6]

I fix Apply a Style Until a Condition is Met with @while? Challenge by using Firefox instead of google-chrome it's worked for me.

[flyfishingbarbara]

i had add background style to the div tags..... to get these bugged sass challenges to pass their test....!!

<div class="blue-bg" style="background-color: blue"></div>
<div class="black-bg" style="background-color: black"></div>
<div class="red-bg" style="background-color: red"></div>

[mahmoud-coo6]

here the solution @flyfishingbarbara : there some time not worked because there is bug in website

<style type='text/sass'> @each $color in blue,black, red { .#{$color}-bg { background-color: $color;} } div { height: 200px; width: 200px; } </style>

[drex44]

the issue is back with @for and @each.

[Rock-son]

It wouldn't work on Chrome 68.0.3440.106 and not on Opera 55.0 but it worked flawlessly on Firefox 59.0.2 (all 64-bit). Last three exercises did need a bit of "Run the Test" button spaming though

[paulywill]

@raisedadead @ValeraS
Does this close this issue?
#27716

[ValeraS]

@paulywill This is not related to this issue, and the issue has already been solved in the master branch.

[ZTYZZ]

lol, I met the same problem...

[RandellDawson]

@ZTYZZ Do you experience the same problem on the beta site?

[nmichalakis]

On Firefox Developer Edition (72.0b2 (64-bit)) it does not work.

[RandellDawson]

@nmichalakis What errors are you seeing in the browser console?

[nmichalakis]

@RandellDawson i found the "bug" if there is a space between the variable name and the ":" it does not compile correctly. Is this something that happens on plain .scss files too?
So for example if i run
$var-name : color; (a space before and after ":" ) it does not compile but if i run the same
$var-name: color (no space right after $var declaration, it works!)

[raisedadead]

Please open a fresh issue with these details. Thanks.

[Ukmandal]

SASS use-each-to-map-over-items-in-a-list beta challenge impossible

@each $color in blue, black, red {
.#{$color}-bg {background-color: $color;}
}