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 trialGary Insley
14,133 PointsWhats wrong with this? Compass Basics Code Challenge
Next, use a mixin to give the transform property in .main-logo a CSS transition. Set the transition duration to .6s.
My code is....
/* Write your SCSS code below. */
// Imports
@import "compass/css3";
// Variables
$experimental-support-for-svg: true;
// Page Styles
body {
@include background(linear-gradient(#3d69b5, #1a335e));
}
.main-logo {
@include transition-duration(6s);
}
i am getting the error:
Bummer! Make sure you're including the transition shorthand mixin in the .main-logo rule.
3 Answers
Jason Anello
Courses Plus Student 94,610 PointsHi Gary,
The challenge is looking specifically for the shorthand transition mixin.
@include single-transition(transform, .6s);
Zeljko Porobija
11,491 Points.main-logo {
@include single-transition(transform, .6s);
}
Laura Hill
13,674 PointsHello, that is not working for me, The error reads: Bummer! Compilation Error! error tmp/workdirs/6f17d89b-5d52-410e-801e-9ee1b67c181b/sass/style.scss (Line 4: Undefined mixin 'single-transition'.)
Jason Anello
Courses Plus Student 94,610 PointsHi Laura,
Could you give a link to the challenge and the full code you're trying?
Gary Insley
14,133 PointsGary Insley
14,133 PointsThanks Jason.... totally skimmed read the question and missed that key part!