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

Kevin Osorio
Kevin Osorio
15,767 Points
Posted by Kevin Osorio
Kevin Osorio
15,767 Points

Stage 3 - Speeding up workflow with sass

I having a problem submitting this code challenge. Can anyone help me and explain what am I doing wrong?

Set the background of the 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!)

$complement: desaturate(red);
a {
    color: lighten(red, 5%);
  background: desaturate($complement, 10%);
}
Kevin Osorio
Kevin Osorio
15,767 Points
Kevin Osorio
Kevin Osorio
15,767 Points

FIXED IT!!! read the instructions carefully

eirikvaa
eirikvaa
18,015 Points

Ah, I was about to comment. Good to hear that you fixed it. You forgot the second argument in the first desaturate function, right?

3 Answers

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

no at the beginning i thought it was that but it wasn't. After the variable complement i had desaturate function and it should of been complement. That's it, simple mistake sass can get complicated at times

eirikvaa
eirikvaa
18,015 Points

Strange. I just ran the your code and I got an error with the wrong number of arguments.

Charl Janse van Rensburg
Charl Janse van Rensburg
3,426 Points
Charl Janse van Rensburg
Charl Janse van Rensburg
3,426 Points

This is the correct code:

$color: red; $complement: complement(red);

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

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

Really? that's odd. Going to try and do the same task objectives and see if it works

eirikvaa
eirikvaa
18,015 Points

Do that!