Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Compass Basics Getting Started with Compass Creating a Compass Project

Brian Polonia
Brian Polonia
25,139 Points
Posted by Brian Polonia
Brian Polonia
25,139 Points

I've created my first compass project and console detects changes to scss but the actual css file doesn't get updated.

Hello, I'm trying to move forward with the compass course but although console is detecting when I save a change to the scss file it does not make the change to the css file. I've even downloaded the project files from the video and tried making changes to it, and same thing. Console detects the changes but will not make the changes to the css file. Any help please?

2 Answers

Brian Polonia
Brian Polonia
25,139 Points
Brian Polonia
Brian Polonia
25,139 Points

Ok, I started this thread, now I'm answering it lol.

So my mistake was I didn't run the command compass watch . in console to poll the directory and automatically recompile. :)

Alexander Handler
seal-mask
.a{fill-rule:evenodd;}techdegree
Alexander Handler
Full Stack JavaScript Techdegree Student 14,567 Points
Alexander Handler
.a{fill-rule:evenodd;}techdegree
Alexander Handler
Full Stack JavaScript Techdegree Student 14,567 Points

Hey Brian,

Do you mind posting the code for you config.rb file? In config.rb you set the outputs for what directories you have ie:

http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

Its possible your css directory is not named correctly.

Best Alex

Brian Polonia
Brian Polonia
25,139 Points
Brian Polonia
Brian Polonia
25,139 Points

Require any additional compass plugins here.

Set this to the root of your project when deployed:

http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

You can select your preferred output style here (can be overridden via the command line):

output_style = :expanded or :nested or :compact or :compressed

To enable relative paths to assets via compass helper functions. Uncomment:

relative_assets = true

To disable debugging comments that display the original location of your selectors. Uncomment:

line_comments = false

If you prefer the indented syntax, you might want to regenerate this

project again passing --syntax sass, or you can uncomment this:

preferred_syntax = :sass

and then run:

sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

This is the config in the project file for the video.