Skip to content
FireStylus allows Firebug to display the original Stylus filename and line number of the Stylus-generated CSS styles
Find file
Latest commit bdfcc19 @parallel Release 0.0.4
Failed to load latest commit information.
examples updated readme and basic example
src Release 0.0.4
.gitignore initial import
.zipignore initial import
License initial import
Makefile Release 0.0.2 updated readme and basic example
Version Release 0.0.4


FireStylus is a Firebug extension that makes Firebug display the Stylus filename and line numbers of the Stylus-generated CSS styles rather than those of the generated CSS.



After you install Firebug and the FireStylus extension, you need to enable the Stylus's firebug option when generating your CSS.

Command line

$ stylus -f <path>
$ stylus --firebug <path>

Javascript API

var stylus = require('stylus');

  .set('firebug', true)
  .render(function(err, css){
    // logic

Connect / Express

var stylus = require('stylus');

var server = connect.createServer(
        src: __dirname
      , dest: __dirname + '/public'
      , firebug: true
  , connect.static(__dirname + '/public')


FireStylus should work with all versions of Firefox after and including 3.0, and all Firebug versions after and including 1.4

  • Firefox 3+
  • Firebug 1.4+


FireStylus and FireSass are incompatible. You cannot enable them simultaneously.

FireStylus (like FireSass) only works in the html pane of firebug, the others, such as the css pane won't work.


Thanks to Nathan Weizenbaum for the FireSass extension

Something went wrong with that request. Please try again.