ember-cli-foundation-6 v0.0.4

ember-cli-foundation-6

This addon will help you build ember-cli application using Zurb Foundation for Sites 6.

Features:

• Fastboot support
• CSS customization
• JS customization

Requirements

Please install foundation-sites manually using yarn or npm. This addon supports foundation-sites version 6.3.0 and above. For example:

• yarn add -D foundation-sites@6.3.1
• yarn add -D foundation-sites@6.4.1

or

• npm install --save-dev foundation-sites@6.4.1
• npm install --save-dev foundation-sites@6.3.1

Installation

• ember install ember-cli-foundation-6

Configuration

By default this addon will include default css (foundation.css) and default javascript (foundation.js) files from Foundation, and require no configuration.

// ember-cli-build.js

var app = new EmberAddon(defaults, {
  'ember-cli-foundation-6': {
    css: true
    js: true
  }
});

But you can configure the addon to include/exclude Foundation 6 plugins.

CSS

• Exclude CSS or don't include CSS

// ember-cli-build.js

var app = new EmberAddon(defaults, {
  'ember-cli-foundation-6': {
    css: false
  }
});

• Flexbox (6.3.x only)

// ember-cli-build.js

var app = new EmberAddon(defaults, {
  'ember-cli-foundation-6': {
    css: 'flex'
  }
});

• Float (6.4.x only)

// ember-cli-build.js

var app = new EmberAddon(defaults, {
  'ember-cli-foundation-6': {
    css: 'float'
  }
});

• Prototype (6.4.x only)

// ember-cli-build.js

var app = new EmberAddon(defaults, {
  'ember-cli-foundation-6': {
    css: 'prototype'
  }
});

• RTL support

// ember-cli-build.js

var app = new EmberAddon(defaults, {
  'ember-cli-foundation-6': {
    css: 'rtl'
  }
});

Javascript

• Exclude JS or don't include JS

// ember-cli-build.js

var app = new EmberAddon(defaults, {
  'ember-cli-foundation-6': {
    js: false
  }
});

• Plugins

You can include Foundation plugins/utils selectively. We include foundation.core.js and foundation.util.mediaQuery.js files, so we don't need to specify them.

// ember-cli-build.js

var app = new EmberAddon(defaults, {
  'ember-cli-foundation-6': {
    js: [
      'tabs',
      'accordion'
    ]
  }
});

Limitations

Currently this addon doesn't provide any components and SASS feature. If you would like to use Foundation 6 SASS then you can import directly from foundation-sites. Please remember to install ember-cli-sass addon for SASS support and exclude CSS (css: false).

// app/styles/app.scss

@import 'node_modules/foundation-sites/scss/foundation';

Running

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

Running Tests

• npm test (Runs ember try:each to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

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