Sha256: 1f13746ba76fdb362f9fdec08b04b1ce7d11528aea129e7c42db892ba35b91af
Contents?: true
Size: 1.53 KB
Versions: 23
Compression:
Stored size: 1.53 KB
Contents
## FireStylus extension for Firebug
[FireStylus](//github.com/parallel/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.
### Usage
First, you need to install [Firebug](https://addons.mozilla.org/firefox/downloads/latest/1843/addon-1843-latest.xpi?src=addondetail)
and the [FireStylus extension](//github.com/parallel/firestylus)
Then, 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+ (also works with version 5)
- 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 due to firebug limitations.
Version data entries
23 entries across 23 versions & 1 rubygems