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/