Usage no npm install needed!

<script type="module">
  import emberCliMaterialLite from 'https://cdn.skypack.dev/ember-cli-material-lite';
</script>

README

ember-cli-material-lite

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

ember install ember-cli-material-lite

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.