CSS source code and Sass editing in a browser

Question

I read two articles on how to start editing scss files on chrome canary (not livereload.com)

https://medium.com/@toolmantim/getting-started-with-css-sourcemaps-and-in-browser-sass-editing-b4daab987fb0

and this one

https://developer.chrome.com/devtools/docs/css-preprocessors

I added my workspace and the browser really reads my file, as in the following:

And then, when I click on the sources, I can change the contents, as in this figure:

I can change the css here, and that’s fine, and it updates my scss file from Chrome to the file.

Problem

When I go to the element inspector (first tab in devTools) and I try to change something. styles.scss automatically becomes styles.css , and then I can’t change anything in the element inspector, which will change my scss file.

Also, when I change something in my scss file (using sublime text 2). The browser does not restart my css, so it does not work from a file in Chrome.

Are these two mistakes? Does it mean to work like that?

Answer 1

( "" ) , , ( , SASS .) , , , CSS-SASS ( CSS SASS, .)

, https://code.google.com/p/chromium/issues/detail?id=257778 , .