One of many exciting new features in Sass 3.3 that each and every designer should just just simply take benefit of is source maps.
This means that when you inspect an element with developer tools, rather than seeing the CSS styles associated with that element, you can see the code we really care about: the pre-compiled Sass in practice, for Sass users.
Generating source maps for Sass
To have usage of this particular aspect within the web browser, you’ll want to produce a supply map apply for each supply file.
For Sass, this can be as simple as including a banner to Sass’s demand line device:
In the event that you try looking in your production folder after operating that demand, you will realize that a remark happens to be put into the finish associated with generated CSS file: