«   Previous tip Next tip   »

Chrome DevTools: Quick Source Pane for faster CSS editing

Last updated: 20th July 2020
Quick Source Pane for faster CSS editing

Use the Quick Source Pane to immediately understand the mapping between your Styles Pane CSS (also works with Sass) along with the source file CSS.

You can add, modify and remove CSS which is reflected in the Quick Source pane. You can even add new style rules.

Enhance your authoring workflow with Workspaces in DevTools to have your Sass changes persist to disk. If you combine this with a livereload workflow, you can author all of your Sass changes in DevTools without having to go back to the editor.

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week