Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,252 Points
Posted by Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,252 Points

Help!! Sass condition statement.s

Well, I'm stumped. I'm sure I've got this right but I've been steuggling wirh this for thevpast hour ans keep gettng "Bummer! Compiler error. And I've looked around for an emple and on the video.

Question: 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.

Here is my attempt, including the first 3 challenges! 

/* Write your SCSS code below. */


@mixin cars($make, $color) {
.#{$make} { border: 1px solid black; background-image : url("#{$color}.png"); }


$time: morning; 

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

        @else if $time == afternoon {
        color: blue;
    }

    @else {
        color: gray;
    }
  }
}
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,252 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,252 Points

Never mind, I got it working with the following code. 

$time: morning; 

a {
    @if $time == morning  {
        color: red;
    }

    @else if $time == afternoon {
        color: blue;
    }

    @else {
        color: gray;
    }

}