Exciting    new features – utilizing supply maps with Sass 3.3

Exciting new features – utilizing supply maps with Sass 3.3

Exciting new features – utilizing supply maps with Sass 3.3

One of many exciting brand brand new features in Sass 3.3 that every designer should simply simply take benefit of is source maps.

As CSS pre-processors, minifiers, and JavaScript transpilers are becoming conventional it really is increasingly hard to debug the rule operating into the web web browser due to distinctions aided by the initial supply rule.

For instance, you won’t see CoffeeScript while debugging in the browser if you use CoffeeScript (which compiles to JavaScript. Alternatively, 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 therefore the languages that are lower-level compile down to (JavaScript and CSS). Supply maps enable you to look at initial supply (the CoffeeScript or Sass) instead of the compiled JavaScript or CSS while debugging.

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. Continue a ler sobreExciting new features – utilizing supply maps with Sass 3.3