Auto-save SASS files from Elements > Styles panel instead of going to source

[Matthew Klahorst]

Version 64.0.3282.167

I have my Workspace setup so I can save my SASS files in the Source portion and my watcher recompiles.

However, I want to be able to save in the Elements area:

Screenshot: https://d.pr/i/OIQVNY

I read documentation somewhere that it should work this way, but cannot get it to work. I have to click on the file to go to Sources in DevTools, make the change there (again), and hit save.

Any help would be appreciated!

[Kayce Basques]

Hi, DevTools tech writer here.

It doesn't work from the Elements panel. It only works from the Sources panel. Do you have a link to the documentation that (incorrectly) said it works from Elements?

P.S. you might find the Quick Sources tab to be useful:

[tenl...@gmail.com]

Are there any plans to implement this feature in the future? It's so much nicer and smoother and easier to edit in the styles panel than having to go to a source file. To me, having to click on the sources and going back after i find it to be even easier to CMD+Tab over to my Dev IDE and edit the style there.

Thanks! L.

[Rob Bates]

Stumbled across this old thread looking for the same solution

https://developers.google.com/web/tools/chrome-devtools/workspaces#css

Suggests that edits done on the elements panel under styles should save locally as long as the workspace is set up, doesn't seem to work for SASS/SCSS files event though the green icon is showing and files are mapped correctly

[Yang Guo]

+Mathias Bynens

Indeed DevTools does not support to SASS.

Cheers,

Yang

--
You received this message because you are subscribed to the Google Groups "Chrome DevTools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/5da05671-a688-47ec-9dd2-d72861fe2675o%40googlegroups.com.