One of many exciting brand new features in Sass 3.3 that each and every designer should simply simply take benefit of is maps that are source.
In training, for Sass users, which means that whenever you examine a feature with designer tools, instead of seeing the CSS designs connected with that element, you can view the rule we actually worry about: the pre-compiled Sass.
Generating source maps for Sass
To have use of this particular feature within the web browser, you will need to produce a supply map apply for each supply file.
For Sass, that is as simple as incorporating a banner to Sass’s demand line device:
In the event that you try looking in your production folder after operating that demand, you are going to realize that a remark was put into the finish associated with the generated CSS file:
This points to a extra file that is made during compilation: screen.css.map , which – because the title suggests – is really what maps all the compiled CSS back once again to the foundation Sass declarations. Continue reading