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 trialrachelweaver
15,876 PointsCan't get code to pass on Sass interpolating loops challenge
I can't figure out what I am doing wrong on this. What am I missing?
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.
I keep getting the error"Bummer! The color should be set to red."
This is the code I am using for this stage:
a {
@if $time == morning {
color:red;
}
@else if $time == afternoon {
color:blue;
}
@else {
color:grey;
}
}
}
/***Here is the complete code I am using***/
@mixin cars($make,$color){
.#{$make} {
border:1px solid black;
background-image:url("#{$color}.png")
}
$time:morning;
a {
@if $time == morning {
color:red;
}
@else if $time == afternoon {
color:blue;
}
@else {
color:grey;
}
}
}
1 Answer
Jeff Jacobson-Swartfager
15,419 PointsThe $time
variable and if/else statement should be outside of your mixin. The complete code should look like this:
@mixin cars($make,$color){
.#{$make} {
border:1px solid black;
background-image:url("#{$color}.png")
}
}
$time:morning;
a {
@if $time == morning {
color:red;
}
@else if $time == afternoon {
color:blue;
}
@else {
color:gray;
}
}
rachelweaver
15,876 Pointsrachelweaver
15,876 PointsThank you so much! I didn't even catch that I was missing a curly bracket!
Jeff Jacobson-Swartfager
15,419 PointsJeff Jacobson-Swartfager
15,419 PointsNo worries! Glad to help!