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

Posted by 498ut45f4jf4
498ut45f4jf4
9,919 Points

Stage 3 – Speeding up Workflow with Sass

Question:

Set the background of the <a> tag to be a 10% desaturated version of the variable, using the desaturate function. (HINT: desaturate works a lot like the lighten function - taking a color, then a percentage!)

My code:

Set the background of the <a> tag to be a 10% desaturated version of the variable, using the desaturate function. (HINT: desaturate works a lot like the lighten function - taking a color, then a percentage!)

I keep getting an error: Oops! It looks like Task 1 is no longer passing.

ANy help would be appreciated. Thanks

498ut45f4jf4
498ut45f4jf4
9,919 Points

FIXED!

Kevin Osorio
Kevin Osorio
15,767 Points
Kevin Osorio
Kevin Osorio
15,767 Points

Im actually stuck on this same question. what did you do different? this is my code

$complement: desaturate (red, 5%);
a {
    color: lighten(red, 5%);
  background: $desaturate (red, 10%);
}

5 Answers

John Norris
John Norris
21,145 Points

For Challenge 3 of 3 on Sass Basics: Creating a Color Palette <br> This is the accepted answer

$complement: complement(red);

a {
    color: lighten(red, 5%);
    background: desaturate($complement, 10%); 
}
Matthew Mascioni
Matthew Mascioni
20,444 Points
Matthew Mascioni
Matthew Mascioni
20,444 Points

Glad you found a solution to your problem!

Kevin Osorio
Kevin Osorio
15,767 Points
Kevin Osorio
Kevin Osorio
15,767 Points

Sorry to bother but I'm actually stuck on this problem. can you help? this is my code $complement: desaturate (red, 5%); a { color: lighten(red, 5%); background: $desaturate (red, 10%); }

Daniel Moreno
Daniel Moreno
628 Points
Daniel Moreno
Daniel Moreno
628 Points

Here my answer:

$complement: complement(red);

a{ color: lighten(red, 5%); background: desaturate($complement, 10%); }

Melvin Ho YK
PLUS
Melvin Ho YK
Courses Plus Student 25,247 Points
Melvin Ho YK
Melvin Ho YK
Courses Plus Student 25,247 Points

Here's the answer, my code: $complement: complement(red); //from stage 2

a { background: desaturate($complement, 10%); color: lighten($one-color, 5%); }

Michael Mykytyn
Michael Mykytyn
23,440 Points
Michael Mykytyn
Michael Mykytyn
23,440 Points

Melvin's code is just missing: $one-color: red;