Exciting brand new features – making use of supply maps with Sass 3.3

Exciting brand new features – making use of supply maps with Sass 3.3

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.

As CSS pre-processors, minifiers, and JavaScript transpilers have grown to be main-stream it’s increasingly tough to debug the rule operating within the web web browser due to distinctions using the initial supply rule.

For instance, if you are using CoffeeScript (which compiles to JavaScript) you may not see CoffeeScript while debugging within the web browser. Rather, you will see put together JavaScript. The exact same issue exists for Sass which compiles down seriously to CSS.

Supply maps look for to bridge the space between higher-level languages like CoffeeScript and Sass together with lower-level languages they compile down to (JavaScript and CSS). Supply maps enable you to understand source that is originalthe CoffeeScript or Sass) as opposed to the put together JavaScript or CSS while debugging.

In training, for Sass users, which means that whenever you examine a component with designer tools, instead of seeing the CSS designs related to that element, you can observe the rule we actually worry about: the pre-compiled Sass. Pokračování textu Exciting brand new features – making use of supply maps with Sass 3.3