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

sass compass code challenge

Hi

I can't pass the challenge: Next, use a mixin to give body a linear-gradient background. Make the start color #3d69b5 and the end color #1a335e. Bummer! Make sure you're specifying the correct gradient colors. Link to challenge. My code is below:

Thanks, Jeff

/* Write your SCSS code below. */

// Imports
@import "compass/css3";

// Variables

// Page Styles

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

P.S. How do I make Sublime Text highlight .scss files?

3 Answers

Hi Jeff,

You have your colors reversed and also one digit is off for one of the colors. #1a335e not #1a355e

Do you have package control already installed for sublime text? If not, do that first to make things easier.

https://sublime.wbond.net/installation

Then you should be able to search for an appropriate package. Let me know if you're still having trouble finding a package and I can help with further details.

Thomas Daugherty
Thomas Daugherty
23,983 Points

Colors are backwards too.

@include background(linear-gradient(#3D69B5, #1A335E));

Zeljko Porobija
Zeljko Porobija
11,491 Points

Change capital letters with small ones, otherwise you don't pass the challenge. Sadly, but true.

Thanks Jason. Next chance I get I'm going to purchase a second set of eyes.