bower install mdi got error

[Gary-Pan]

[Sass] Error in plugin 'gulp-sass'
Message:
bower_components/mdi/scss/_core.scss
1:1 Undefined variable: "$mdi-css-prefix".
Details:
column: 1
line: 1
file: /Users/Gary/U3D/bitbucket/mdi/bower_components/mdi/scss/_core.scss
status: 1
messageFormatted: bower_components/mdi/scss/_core.scss
1:1 Undefined variable: "$mdi-css-prefix".

[zckrs]

https://github.com/Swiip/generator-gulp-angular/blob/master/CONTRIBUTING.md

[rictorres]

I had the same issue, but the problem lives on MDI's bower.json config.

Solution
Add the following to the overrides section of your project's bower.json.

"overrides": {
  "mdi": {
    "main": [
      "fonts/*",
      "css/*"
    ]
  }
}

Also, check Templarian/MaterialDesign-Webfont#7