Right after launching the Themer Pro and Instant IDE updates I received several similar questions regarding how to make any WP Theme or Plugin SASS ready when it comes to working with these Instant IDE updates. So I figured a tutorial and screencast was in order...of course.
The basic premise is as follows:
Using Instant IDE, right-click on your Theme or Plugin folder and select "Set As DEV Path" in the drop-down menu. This will eventually result in the reloading of Instant IDE, now with that directory being the root.
Create a cobalt-scss.json file (you'll find some example code that you can use for this file HERE) and place it in the root of your Theme or Plugin.
Edit your cobalt-scss.json file to reflect the folder structures and names .scss files. You can also configure your images directories as well if you want to set that up too. Learn more about how to properly edit this Cobalt SASS config file HERE.
If you haven't already done so, add your .scss files to the locations specified by your Cobalt SASS config file. Now edit one of your .scss files and see if it compiles.
Note that it's easy to miss something simple in that config file, so if you get a message telling you to double-check it, just keep tweaking it, making sure it accurately matches your setup, and it should work for you. But if not just let us know and we'll be happy to help.
You can see this in action here: