Skip to content

omairvaiyani/ember-cli-stylus

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 

Repository files navigation

ember-cli-stylus

Use node-stylus to preprocess your ember-cli app's files, with support for sourceMaps and include paths.

This is essentially a fork-search-replace job of ember-cli-sass. Credits go to @aexmachina.

Installation

npm install --save-dev ember-cli-stylus

Usage

By default this addon will compile app/styles/app.styl into dist/assets/app.css and produce a sourceMap for your delectation.

Or, if you want more control then you can specify options using the stylusOptions config property:

var app = new EmberApp({
  ...
  stylusOptions: {...}
});
  • .inputFile: the input Stylus file, defaults to app.styl
  • .outputFile: the output CSS file, defaults to app.css
  • .includePaths: an array of include paths
  • .sourceMap: controls sourcemap options, defaults to include: true in development. The sourceMap file will be saved to options.outputFile + '.map'
  • .use: array with stylus plugins, check stylus API

Example

The following example assumes your bower packages are installed into bower_components/.

Install some Stylus:

bower install --save foundation

Specify some include paths in Brocfile.js:

var app = new EmberApp({
  stylusOptions: {
    includePaths: [
      'bower_components/foundation/styl'
    ]
  }
});

Import some deps into your app.styl:

@import 'foundation'; /* import everything */
/* or just import the bits you need: @import 'foundation/functions'; */

About

Stylus plugin for ember-cli

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%