Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error on new project: unbound variable $mdi-list-icons #171

Closed
20v100 opened this issue Jul 10, 2015 · 7 comments
Closed

Error on new project: unbound variable $mdi-list-icons #171

20v100 opened this issue Jul 10, 2015 · 7 comments

Comments

@20v100
Copy link

20v100 commented Jul 10, 2015

I got this error on a new project:

{
  "status": 1,
  "file": "/home/nitrous/code/len1/tmp/tree_merger-tmp_dest_dir-MwPGKSCc.tmp/app/styles/app.scss",
  "line": 5,
  "column": 42,
  "message": "unbound variable $mdi-list-icons"
} [string exception]
Error: {
  "status": 1,
  "file": "/home/nitrous/code/len1/tmp/tree_merger-tmp_dest_dir-MwPGKSCc.tmp/app/styles/app.scss",
  "line": 5,
  "column": 42,
  "message": "unbound variable $mdi-list-icons"
} [string exception]
    at /home/nitrous/code/len1/node_modules/ember-cli/node_modules/broccoli/lib/builder.js:36:15
    at lib$rsvp$$internal$$tryCatch (/home/nitrous/code/len1/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:489:16)
    at lib$rsvp$$internal$$invokeCallback (/home/nitrous/code/len1/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:501:17)
    at lib$rsvp$$internal$$publish (/home/nitrous/code/len1/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:472:11)
    at lib$rsvp$$internal$$publishRejection (/home/nitrous/code/len1/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:415:7)
    at lib$rsvp$asap$$flush (/home/nitrous/code/len1/node_modules/ember-cli/node_modules/rsvp/dist/rsvp.js:1290:9)
    at process._tickCallback (node.js:355:11)

If I remove this code from the app.scss. The error goes away:

/* FIXME: Workaround for https://github.com/Dogfalo/materialize/issues/1079 */
@each $mdi-icon-name, $mdi-icon-value in $mdi-list-icons {
    .#{$mdi-prefix}#{$mdi-icon-name}:before {
       content: "\""+ $mdi-icon-value +"\"";
    }
}

Any idea how to fix this?

I'm using:
Ember : 1.12.0
Ember Data : 1.0.0-beta.18
jQuery : 1.11.3

@mike-north
Copy link
Owner

Just delete that piece of SASS and everything should be fine. It was a workaround for a bug in materialize 0.96, and in 0.97 it's fixed.

@richmolj
Copy link

Just started a new project with this as well...deleting the SASS allows the app to load but not seeing icons

@mike-north
Copy link
Owner

@richmolj does your index.html have the link to the google material icons stylesheet?

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

@richmolj
Copy link

Ahh, I had been following just the readme and not putting 2 and 2 together. Fix confirmed, thanks for your help!

@mike-north
Copy link
Owner

no problem, enjoy!

mnannola pushed a commit to mnannola/ember-cli-materialize that referenced this issue Jul 12, 2015
@20v100
Copy link
Author

20v100 commented Jul 14, 2015

I delete that piece of SASS and it is now working. tks

@20v100 20v100 closed this as completed Jul 14, 2015
@mike-north
Copy link
Owner

Just cut a new release. Should be good in v0.17.2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants