Support for Sass landed in Chrome. To enable the new debugging option type in Chrome:

chrome://flags

Turn on the Enable Developer Tools experiments functionality. Open the Dev Tools SHIFT + CTRL + J or press F12 and in settings you will find a new tab called Experiments. It enables options such as:

  • Show shadow DOM
  • Snippets support
  • Native memory profiling
  • Live native memory chart
  • FileSystem inspection
  • Show CPU activity in Timeline
  • Override Device Geolocation
  • Override Device Orientation
  • Support for SASS

You have to compile Sass with the --debug-info turned on.

Every CSS rule has additional info which is used by the Dev Tools:


    @media -sass-debug-info{filename{font-family:<SRC>}line{font-family:<LINE>}}