ember-cli-rework

Use Rework CSS postprocessing in your Ember app.

Installation

For Ember CLI >= 0.2.3

ember install ember-cli-rework

For Ember CLI < 0.2.3

ember install:addon ember-cli-rework

Usage

This addon will, by default, look for your css files in app/styles and process them. However, you will have tell the addon which Rework plugins to use in your Brocfile.js:

var vars = require('rework-vars');
var customMedia = require('rework-custom-media');
var reworkNPM = require('rework-npm');
 
var app = EmberApp({
  rework: {
    plugins: [reworkNPM(), vars(), customMedia()]
  }
});

A more involved plugin example:

var vars = require('rework-vars');
var classPrefix = require('rework-class-prefix');
var flexGrid = require('rework-flex-grid');
var colors = require('rework-colors')
 
var app = EmberApp({
  rework: {
  plugins[
      vars(),
      classPrefix('em-'),
      flexGrid({
        columns: 12,
        classNames: {
          grid: 'g',
          row: 'r',
          col: 'c'
        }
      }),
      colors()
    ]
  }
});

Known Issues

• rework-npm doesn't work in tandem with ember-cli-divshot

Development

Installation

• git clone this repository
• npm install
• bower install

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.

License

MIT

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

Crafted with <3 by John Otander (@4lpine).