Edit SASS files live in Google Chrome Developer Tools

I never knew!!!

To live-edit Sass files in Chrome you need to have the pre-release version of the Sass compiler, which is the only version that currently supports source map generation.

gem install sass -v ‘>=3.3.0alpha’ –pre
Once Sass is installed, start the Sass compiler to watch for changes to your Sass source files and create source map files for each generated CSS file, for example:

sass –watch –sourcemap sass/styles.scss:styles.css

I’ll forget this, so I need to post it again, to remind my self (why not bookmark it (as if you could ever fine things after book marking things))

Heres the full ur: https://developers.google.com/chrome-developer-tools/docs/css-preprocessors

Leave a Reply

Your email address will not be published. Required fields are marked *