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
Brian Gilbank
9,586 PointsCan't get passed this Sass question!
Finally, create a new rule that targets the class .message-box. Make sure all <p> tags nested inside .message-box extend the properties of %warning.
It keeps saying I didn't include the color red for p?
.roundy {
width: 150px;
border-radius: 50%; }
.img-author {
@extend .roundy;
%warning {
font-weight: bold;
color: red; }
}
.message-box {
p {
@extend %warning;
}
}
2 Answers
Jonathan Grieve
Treehouse Moderator 91,253 PointsWhat#s happening is you're nesting your placeholder selector inside extend directive for .roundy. Just put that in it's own code block separate to anything else and you should be good to go! :)
Brian Gilbank
9,586 PointsI was over thinking it. Thanks.
Brian Gilbank
9,586 PointsBrian Gilbank
9,586 PointsStill not getting it. ugh.
Jonathan Grieve
Treehouse Moderator 91,253 PointsJonathan Grieve
Treehouse Moderator 91,253 PointsOkay.
First of all, you start by creating 1 selector and another that extends that selector, passing the values from one, into another so they both use those styles.
In the next challenge, you create a new placeholder selector with its own styles. It will exist in global space so not nested inside another selector.
Finally, in a new selector, with a nested paragraph selector you need to use @extend one more time to pass the values inside the
%warningplaceholder insidemessage box.Good luck :)