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 Compass Basics Getting Started with Compass Getting Started with Compass

Posted by ivomiranda
ivomiranda
30,286 Points

Compass Rotate Code Challenge

I can't pass this challenge. Any help please? Challenge task 5 of 5 Finally, use a transform mixin to give .main-logo a -25deg rotation on :hover

.main-logo{
    @include single-transition(transform, 0.6s);
}
.main-logo:hover {
   @include transform(rotate(-25deg));
}

Also tried a bunch of other stuff including this: 

.main-logo{
    @include single-transition(transform, 0.6s);
        &:hover{
@include transform(rotate(-25deg));
             }
}

Error: Bummer! Make sure you're including the correct mixin inside the .main-logo:hover rule.

3 Answers

Dino Paškvan
Dino Paškvan
Courses Plus Student 44,108 Points

If you're doing just the rotation, you don't need the transform part:

@include rotate(-25deg);
ivomiranda
ivomiranda
30,286 Points
ivomiranda
ivomiranda
30,286 Points

It worked thanks :)

But my answer wouldn't compile correctly as well? I still have to install compass :z

Scott Bedard
Scott Bedard
29,196 Points
Scott Bedard
Scott Bedard
29,196 Points

But technically, this would work right? I spent like 20 minutes researching this.

@include transform(rotate(-25deg));

ivomiranda
ivomiranda
30,286 Points

At the time I looked in the documentation and it was written there so I guess it works. I didn't tested it with compass though. Sometimes there is more then one solution to a test and treehouse only accept's the code written in a specific way which is kinda frustrating...