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

Andrew Murphy
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Andrew Murphy
Front End Web Development Techdegree Graduate 30,657 Points

Getting Started with Compass Code Challenge

Challenge 4 of 5 asks to add the short-hand transform mixing and set a duration of .6s to the .main-logo class. I tried every option and put what others on the forum had said worked for them. All I receive is an error message saying compilation error 'undefined mixin transform'.

Is there a problem with the code or the actual challenges?

@include single-transition(transform, .6s);

2 Answers

James Kraai
James Kraai
26,167 Points

The code you provided worked for me in the code challenge. I just completed the challenge with the following code.

// Imports
@import 'compass/css3';

// Variables
$experimental-support-for-svg: true;

// Page Styles

body {
  @include background(linear-gradient(#3d69b5, #1a335e));
}

.main-logo {
  @include single-transition(transform, .6s);
  &:hover {
    @include rotate(-25deg);
  }
}
Andrew Murphy
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Andrew Murphy
Front End Web Development Techdegree Graduate 30,657 Points

Hi James,

Thanks for the reply. I've just logged out and back in to Treehouse and tried the challenge again and it now works. It's been one of those days for me. Thanks for trying it out and confirming it was correct.

Andy

I've noticed that sometimes on code challenges if you had the incorrect syntax before you got help, even if you fix it to the right answer, you'll still end up with issues. Sometimes I have to refresh the code challenge and do it all over again to pass. The good news is that you can generally copy and paste your entire now correct code challenge code and it'll pass quickly! :)