Ember-cli-materialize


#1

Alright, I’m about to pull my hair out here trying to get ember-cli-materialize to work. I cannot for the life of me seem to get the icons to display. I’ve tried importing the material-design icons through bower and just by including it in the header. I can get the icons to show up in normal html icons but they won’t display in the ember-cli-materialize components.

so this works:

<i class="material-icons">menu</i>

but this doesn’t

{{md-btn text='Button'
icon='mdi-action-favorite'
action='debug'
class='deep-purple darken-3'}}

Here’s my ember-cli-build:

module.exports = function(defaults) {
  var app = new EmberApp(defaults, {
    // Add options here
    outputPaths: {
      app: {
        html: 'index.html',
        css: {
            'app': cssPath + 'ui.css'
        },
        js: jsPath + 'ui.js'
      },
      vendor: {
        css: cssPath + 'vendor.css',
        js: jsPath + 'vendor.js'
      }
    },
    sassOptions: {
      includePaths: [
        'bower_components',
        'bower_components/materialize/sass',
        'node_modules/ember-cli-materialize'
      ]
    }
  });

and my app.scss

// Fix for Roboto font path
$roboto-font-path: '../';

// Materialize styles
@import 'materialize';

// ember-cli-materialize styles
@import 'ember-cli-materialize';

I’m using ember-cli-materialize 0.19.5 and ember 2.5.0. Any help is greatly appreciated!


#2

I was missing this code in my ember-cli-build.js file sassOptions: { includePaths: [‘bower_components/materialize/sass’] }

I then re-started my server ember s to get it working!

Hope that helps :slight_smile:

PS: This link opened up my eyes!