Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Sass Basics (retired) Advanced Sass Concepts Interpolating and if/else

Jeroen Pets
Jeroen Pets
8,016 Points

Can't solve: Sass variables

Hey, I am really new to Sass and basic programming, but i can't seem the code to work... Tried some thing to get it work. But I am missing something.

Could someone help me with the code.

Thanks in advance.

Underneath the previous code, store the value "morning" in a variable named $time. Then write an if/else directive that will color all <a> tags. If the variable $time is equal to "morning", the color should be red. Otherwise, if the variable is "afternoon", the color should be blue. Finally, if the variable is set to anything else, the color should be gray.

@mixin morning($time) { @if $time == morning{ a { color: red;} } @else if $time == afternoon { a { color: blue;} } @else { a { color: gray;} } }

3 Answers

have you defined the variable $time before the if/else statement? $time: morning;

Jeroen Pets
Jeroen Pets
8,016 Points

I did now, thanks, solved the exercise

Are you sure you should use the a tag? It says it should color all tags so maybe it should be applied to the body element? I don't know what the previous question was so I might be wrong, but it says all tags...

Jeroen Pets
Jeroen Pets
8,016 Points

Yes i rewrite my code and it worked :)... i deleted all a {} and under the if/else, I wrote

```a { @include time(morning); }

:)