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

Richard Nash
Richard Nash
24,862 Points

Does Workspaces support Sass now?

As I watch the first few videos of the modular Sass course me thinks that workspaces now supports the use of Sass, which would be awesome. I have not found any official update from the treehouse team about this so I thought I would simply ask if this is indeed the case.

So there :-)

4 Answers

Chris Shaw
Chris Shaw
26,676 Points

Hi Richard,

Yes they do, there is a new Sass workspace you can generate from the drop down box when creating a new workspace, once you create it you will have access to the sass command in the console.

James Barnett
James Barnett
39,199 Points

Learned something new today.

I was wondering if Sass was going to be added to Workspaces after Ruby was added.

Richard Nash
Richard Nash
24,862 Points

awesome :-)

ok, since Guil did not really explain this is the course, it looks like each .scss file with an underscore in front of the name is imported into the application.scss file. is that because of the underscores? in other words, would they be imported without them?

then the application.scss file is compiled into the application.css file via the application.css.map file? In other words, what is the application.css.map file for?

apologies if my questions have answers somewhere else, i just did not know what to look for :-(

Thank you :-)

Chris Shaw
Chris Shaw
26,676 Points

it looks like each .scss file with an underscore in front of the name is imported into the application.scss file. is that because of the underscores? in other words, would they be imported without them?

The underscore in Sass defines a partial which is a file that isn't compiled when it's not imported into a parent that doesn't contain an underscore at the start of the file name, if you have an application.scss file then all your partials would need to be included in it otherwise in another file that's imported by the parent.

then the application.scss file is compiled into the application.css file via the application.css.map file? In other words, what is the application.css.map file for?

Sass maps are used for debugging in the web browser, they in no way are required in order for your Sass to be compiled. You can learn more about Sass maps on The Sass Way.

apologies if my questions have answers somewhere else, i just did not know what to look for :-(

No need to apologize, Sass can be quite confusing if you've never used a preprocessor before especially now days as it's become a lot more advanced than what it used to be just one year ago. I urge you to annoy us on the forum as much as possible no matter how simple the question may be.

James Barnett
James Barnett
39,199 Points

I urge you to annoy us on the forum as much as possible no matter how simple the question may be.

I vote for this to become the unofficial motto of forum mods.

Richard Nash
Richard Nash
24,862 Points

thank you Chris Upjohn :-) Getting my head around setting up a project properly using pre-processors and repositories and pre-pre-processors and the like, from grunt to node.js to sass to codekit to coffeescript to compass libsass to less to lint.js to hint.js to the plain ole' terminal and all the options and frameworks and on and on and on... it's tough for a beginner to really wrap my noggin around. I appreciate you taking the time to bother with my Q's :-)

R

James Barnett
James Barnett
39,199 Points

from grunt to node.js to sass to codekit to coffeescript to compass libsass to less to lint.js to hint.js to the plain ole' terminal and all the options and frameworks and on and on and on... it's tough for a beginner to really wrap my noggin around.

In web world people are really attracted trends so people are always writing blog posts about their "workflow" and "10 tools you must use in 2014".

Each of these tools were created to solve a particular problem, if you don't know off the top of your head what problem a tool solves, chances are good you haven't yet reached that problem, so don't worry about it.

Richard Nash
Richard Nash
24,862 Points

Thanks James, i agree. i think i'm at the point where i want to be using the best tools and the most efficient workflow, and i'm a little scared of using something that i shouldn't or not using something that i should, as well as doing a bunch of work and then finding out that there is a much better way. Essentially fear of the unknown. But the more i do, the less i want. in fact, i keep paring things down because i come to realize that i don't know why i'm using something in the first place, and therefore, should learn how to do whatever it is that that thing is trying to do for me or make easier, etc...

James Barnett
James Barnett
39,199 Points

therefore, should learn how to do whatever it is that that thing is trying to do for me or make easier

I've been there