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 Advanced Sass Advanced Variables, Mixins, Functions, and Placeholders Better Variables with List-maps

Posted by Craig Clemons
Craig Clemons
10,009 Points

[solved] Better variables with List-maps quiz help

So, I'm attempting to answer this question

Write out all the values from the following list-map to an >input[disabled] selector.

I've come up with this so far. And am now at a loss as to what I am missing.

I'm getting the following error. Bummer! In a CSS rule for the input[disabled] selector, for the value of the background-color property, you need to get the disabled-background value from the $input map.

But I can't seem to find what I'm missing on the call to the $input map. Any help would be very appreciated. Code posted below

$input-disabled-color: #000000;

$input: (
  disabled-background: lighten($input-disabled-color, 75%),
  disabled-border: lighten($input-disabled-color, 50%),
  disabled-text: lighten($input-disabled-color, 50%)
);


input[disabled]{
  disabled-background: map-get($input, disabled-background);
  disabled-border: map-get($input, disabled-border);
  disabled-text: map-get($input, disabled-text);
}
Craig Clemons
Craig Clemons
10,009 Points

I found out my problem. 

  background-color: map-get($input, disabled-background);
  border-color: map-get($input, disabled-border);
  color: map-get($input, disabled-text);

I needed to set the background:color/border/color. I wasn't calling a CSS selector at all. Guess I need to stop losing sight of the forrest for the trees.