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

Sass - 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 <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!)

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

13 Answers

Kevin Osorio
Kevin Osorio
15,767 Points

FIXED IT!! read the instructions carefully

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%); 
}
Jason Pallay
Jason Pallay
5,602 Points

$complement: desaturate (red, 10$);

The 10 should be a % not a $.

I could be wrong, but that's all I see that looks off.

Kevin Osorio
Kevin Osorio
15,767 Points

by mistake i placed that "$" but even if I put a "%" it does not accept my code

Jason Pallay
Jason Pallay
5,602 Points

What does it say when you try?

Kevin Osorio
Kevin Osorio
15,767 Points

I need to call the complement() function

Jason Pallay
Jason Pallay
5,602 Points

From reading the question over again, it seems as if they want something more like this:

$complement: red;

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

I have not taken this particular code challenge yet, but from everything I see, that's what I would try.

Bruno Dias
Bruno Dias
10,554 Points

Same issue. It keep saying I should call the $complement No idea what I am doing wrong.

My code:

<pre> $complement: desaturate (red, 10%);

a { color: lighten(red, 5%); background: $complement; } </pre>

Any idea?

This worked for me!

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

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

yes, that did it. @ Joy Singharath

Awesome! =)

$complement: complement(red);

a {

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

}

for the greater good ;)

i believe function(brackets) shouldn't have a space. I was stuck for a fews days