ember-cli-material-lite v0.1.6

ember-cli-material-lite

This ember-cli addon integrates google's Material Design Lite components with ember-cli apps.

Installation

ember install ember-cli-material-lite

Usage

Specify the following option in your app's ember-cli-build.js:

var app = new EmberAddon(defaults, {
  sassOptions: {
    includePaths: [
      'node_modules/material-design-lite/src'
    ]
  }
});

Rename app/styles/app.css to app/styles/app.scss, then import the addon's sass like so:

@import "_color-definitions";

$color-primary: $palette-blue-grey-500;
$color-accent: $palette-red-500;

@import "material-design-lite";

Other color variables are available here. Color palettes can be found here and here.

Demo site

Check out components at https://smashweaver.github.io/ember-cli-material-lite/