Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

FireStylus allows Firebug to display the original Stylus filename and line number of the Stylus-generated CSS styles

branch: master
Octocat-spinner-32 examples updated readme and basic example August 12, 2011
Octocat-spinner-32 src Release 0.0.4 August 17, 2011
Octocat-spinner-32 .gitignore initial import August 06, 2011
Octocat-spinner-32 .zipignore initial import August 06, 2011
Octocat-spinner-32 License initial import August 06, 2011
Octocat-spinner-32 Makefile Release 0.0.2 August 09, 2011
Octocat-spinner-32 Readme.md updated readme and basic example August 12, 2011
Octocat-spinner-32 Version Release 0.0.4 August 17, 2011
Readme.md

FireStylus

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.

Screenshot

Usage

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');

stylus(str)
  .set('firebug', true)
  .render(function(err, css){
    // logic
  });

Connect / Express

var stylus = require('stylus');

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

Compatibility

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+

Limitations

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.

Credits

Thanks to Nathan Weizenbaum for the FireSass extension

Something went wrong with that request. Please try again.