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 - 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

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%); 
}

$complement: desaturate (red, 10$);

The 10 should be a % not a $.

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

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

What does it say when you try?

I need to call the complement() function

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.

yea nothing yet:/

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