Home | Legacy Firefox Extensions | Content Policy | Contact

FireStylus for Firebug


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 the installation of Firebug and FireStylus, 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.

Download files:


This page is part of the LegacyCollector website.
Disclaimer: All material on this site is property of their respective owners and available under
open licenses to the best of our knowledge. If you are an author and would like anything removed,
then please write an e-mail to legacy [at] collector dot org.