Finding Your Way with Sass Sourcemaps

by Anthony Colangelo

6 Reader Comments

Back to the Post
  1. Woohoo! I need this in my life. Does this work no matter what style of CSS is output (compressed/expanded/etc)?

    Copy & paste the code below to embed this comment.
  2. No more editing my config.rb file, ever!

    Copy & paste the code below to embed this comment.
  3. I love Chrome’s Dev tool (more than Firebug) but I’ve been using FireSass for Sass debugging. https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/.

    Copy & paste the code below to embed this comment.
  4. @Sang-Min it was possible before to use Google Dev Tools with Sass sourcemaps w/o any extension. You just had to use Sass3.3 alpha and it worked like a charm.

    Copy & paste the code below to embed this comment.
  5. @Cat: Yep! All it does is generate a {filename}.css.map file alongside the rendered {filename}.css file. In the header of the CSS file, there is a comment directing browsers where to look for the sourcemap file.

    @Sang-Min: Awesome, hadn’t seen that! Looks great for Firefox users.

    Copy & paste the code below to embed this comment.
  6. Yes definitely a feature of LESS that I’m looking forward to using in SASS now! :D

    Copy & paste the code below to embed this comment.