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 CSS to Sass Debugging, Best Practices, and Production CSS Output Styles

Juliette Tworsey
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Juliette Tworsey
Front End Web Development Techdegree Graduate 32,425 Points
Posted by Juliette Tworsey
.a{fill-rule:evenodd;}techdegree seal-36
Juliette Tworsey
Front End Web Development Techdegree Graduate 32,425 Points

Sass/CSS output styles not working in console

Hi,

I am attempting to run the CSS output styles (ex: sass --watch scss:css style compressed) in my console and the application.css file is not compressing.

Does anyone have any idea on what could be wrong? I am using Atom as a text editor on a Mac OSX 10.

Thanks!

Clint Dehner
Clint Dehner
8,808 Points
Clint Dehner
Clint Dehner
8,808 Points

you can run

<html>sass --help</html>

and see if you have the correct command for compression style :)

2 Answers

Fredy-Edwin Esse
seal-mask
.a{fill-rule:evenodd;}techdegree
Fredy-Edwin Esse
Front End Web Development Techdegree Student 14,550 Points
Fredy-Edwin Esse
.a{fill-rule:evenodd;}techdegree
Fredy-Edwin Esse
Front End Web Development Techdegree Student 14,550 Points

I'm having the exact same problem. When I type 'sass --watch scss:css --style compressed' and save any scss file there's no change to application.css. Otherwise the console logs all the changes I've done to any scss file.

Bimba Padmanabha
Bimba Padmanabha
921 Points

Same issue happened with me. What I did to solve the issue was to just edit and save one of the scss partial file. This step triggered the application.css to be regenerated again in the compressed mode.

Clayton Tevebaugh
seal-mask
.a{fill-rule:evenodd;}techdegree
Clayton Tevebaugh
Front End Web Development Techdegree Student 9,562 Points
Clayton Tevebaugh
.a{fill-rule:evenodd;}techdegree
Clayton Tevebaugh
Front End Web Development Techdegree Student 9,562 Points

Thank you Bimba for your suggestion. I was having the same problem but doing a small change to any of the scss files and saving got the css output file updating for me.

alexandraz
alexandraz
9,587 Points
alexandraz
alexandraz
9,587 Points

Just save any scss file first so that it can rewrite it.