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

use a mixin to give the transform property in .main-logo a CSS transition. Set the transition duration to .6s.

i tried to make this , but i don't understand my mistake

.main-logo{ @include transition(transform 0.6s); }

2 Answers

This challenge was asking us to use the shorthand transition declaration. This requires us to use the 'single transition' mixin. So instead of '@include transition', we'd use '@include single-transition'.

Your code should look like this:

.main-logo {
@include single-transition(transform, 0.6s);
}
Laura Hill
Laura Hill
13,674 Points

Undefined mixin 'single-transition'.)

That is the error I am getting. Help?

Bryan Sanders
Bryan Sanders
13,211 Points

Laura Hill - Make sure that you still have the @import "compass/css3"; code above in the imports area. this is how Compass identifies and defines the mixins.