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 Sass Basics (retired) Getting Started with Sass Nesting Selectors

Nancy Melucci
PLUS
Nancy Melucci
Courses Plus Student 36,143 Points

How to do this?

I can run Ruby as Bitnami Ruby Stack. My version is Selective Steve. When I try to run the files in my PrePos folder, I start having issues. Also, the application opens up visual studio to show my test file. When I initiate watch Sass tells me it can't find my input file (whether I create it as main.scss or main.sass.) I tried to install Scout but the installer file at Git is damaged and apparently has been so for a few weeks (judging by comments there.)

I am interested in learning this. Is there an easier way to get going. I am running windows 10. Thanks.

Trevor Woodman
Trevor Woodman
Courses Plus Student 13,354 Points

To simply watch a project folder, you don't have to run ruby as a bitnami stack or worry about using prepos. For example (on Win10):

NOTE: This is assuming you've installed ruby on windows 10, easy installer here: http://rubyinstaller.org/ Right now I would suggest the 2.2.5 installer (x64, you should have 64 bit windows)

I have a project file on my desktop called "project". Inside project are two folders called css and scss , I have application.scss inside my scss folder, and an index.html file in the root directory.

Open a command line inside the root directory (to make this easy, hold SHIFT and right click inside the root directory on empty space, not a file, then click "open command window here"), type sass --watch scss:css

Start typing css/sass inside the application.scss file, save it, refresh webpage, there's your compiled css. To see the compiled css open the css folder.