FireSass allows Firebug to display the original Sass filename and line number of Sass-generated CSS styles rather than those of the generated CSS.
To get started follow teh steps described below:
First, install FireSass. Second, enable Sass's :debug_info option. If you are using Sass with a Ruby web framework, you probably want to set Sass::Plugin.options[:debug_info] = true.
Add this to config/environment.rb in Rails, or config.ru (or wherever else configuration is specified) in other Ruby frameworks.
If you're using Sass from the command line, just pass in the --debug-info flag. Finally, delete all the existing CSS files so that they'll be regenerated.
The FireSass add-on is cross-platform and it works on Mac OS X, Windows and Linux.
Requirements:
· Firefox 3.0 and later
· Firebug