Home/ Questions/Q 8646095
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T12:42:54+00:00

How do you guys do maintenance on CSS built with Less/Sass? One of the

  • 0

How do you guys do maintenance on CSS built with Less/Sass?

One of the things I like about Dev Tools/Firebug is the ability to see the line number of a css styling. Is there a good way to do this with CSS preprocessors other than having to manually search through the .less/.scss file to find the code I want to modify?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Chrome Developer Tools now supports Sass debugging out-of-the-box.

    Updated to include source maps:
    Previous versions used inline comment in your css to provide a refernce to the source code (see below how-to). recent versions of sass (3.3+) and chrome (31+) use source maps for that:

    1. Make sure you have Sass 3.3.x
    2. Compile your Sass with the --sourcemap flag.
    3. In Chrome/ium DevTools open settings and click general.
    4. Turn on “Enable CSS source maps”.

    More info is available on the Chrome dev tools blog:
    https://developers.google.com/chrome-developer-tools/docs/css-preprocessors

    Older versions:
    1. First, you should compile your Sass with --debug-info turned on.
    2. In Chrome/ium go to about:flags
    3. Enable Developer Tools experiments
    4. In your inspector (F12), open “Settings”, then go to the “Experiments” tab
    and check “Support for SASS”.

    • 0