mquandalle:stylus

v1.0.9Published 11 years ago

This package has not had recent updates. Please investigate it's current state before committing to using it in your project.

Stylus for Meteor

Stylus is a CSS pre-processor with a simple syntax and expressive dynamic behaviour. It allows for more compact stylesheets and helps reduce code duplication in CSS files.

With the stylus package installed, .styl files in your application are automatically compiled to CSS and the results are included in the client CSS.

Source Maps

This package also automatically provide source map in the development environment, so that you can read your original stylus file in the debugger tools of the browser.

Imports

If you want to @import a file, give it the extension .import.styl to prevent Meteor from processing it independently.

This packages supports both relative and absolute @import. Absolute @import are relative to your root meteor application directory, you shouldn't precede its path by /.

Plugins

The package supports the following libraries:

  • nib: a set of cross-browser mixins
  • jeet: a grid system
  • rupture: simple media queries

To use these, add @import 'nib', @import 'jeet' or @import 'rupture' on top of your stylus stylesheet.