FireSass is a Firebug plugin designed to enable you to view the Sass filenames and line numbers of Sass-generated CSS styles rather than those of the generated CSS.
Usage:
· First, install FireSass from this page. Second, enable Sass's :debug_info option. If you're 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.
Requirements:
· Firefox 3.0 - 11.*
· Firebug
· Sass 3.0 or later