https://github.com/johno/ember-cli-rework

Use Rework CSS postprocessing in your Ember app.
https://github.com/johno/ember-cli-rework

Last synced: 2 months ago
JSON representation

Use Rework CSS postprocessing in your Ember app.

• Host: GitHub
• URL: https://github.com/johno/ember-cli-rework
• Owner: johno
• License: mit
• Created: 2014-12-14T04:23:10.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-05-06T16:03:20.000Z (over 9 years ago)
• Last Synced: 2024-10-23T02:04:30.669Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 257 KB
• Stars: 3
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ember-cli-rework [![Build Status](https://travis-ci.org/johnotander/ember-cli-rework.svg?branch=master)](https://travis-ci.org/johnotander/ember-cli-rework) [![Ember Observer Score](http://emberobserver.com/badges/ember-cli-rework.svg)](http://emberobserver.com/addons/ember-cli-rework) 

Use [Rework CSS](https://github.com/reworkcss/) 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`:

```javascript

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:

```javascript

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/](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](http://johnotander.com) ([@4lpine](https://twitter.com/4lpine)).