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 Basics (retired) Advanced Sass Concepts Advanced Mixin Arguments

Thomas Morling
Thomas Morling
12,754 Points

exercise 6 of Advanced Mixin Arguements

I cannot get the following to pass:

/* Write your SCSS code below. */

@mixin square($size, $color:black)

{ height: $size; width: $size; border: 1px solid $color; }

.box { @include square($color:red, $size:10px); }

$colors: red orange yellow green;

@mixin rainbow($colors...) { @each $color in $colors { .#{$color}{ background: #{$color};}
}
}

div { @include rainbow($colors)

}

1 Answer

Ken Alger
STAFF
Ken Alger
Treehouse Teacher

Thomas;

You are close. A couple of thoughts (hints), first, is there a need to define the $color variable in the SCSS code, and two, I don't recall seeing a need for a div element defined. Last hint would be that @include does not have to be within another element.

Almost there, one line needs to be changed and another can be deleted and you should have it licked.

Happy coding,

Ken