Angular Material compatibility

[Swimburger]

Many classes and directives use the prefix "md-", this causes to css of the Angular Material library to act strangely. Temporarily we have changed the prefix to "mdi-", where the "i" stands for icon.

[rasmuslp]

I'm confused, where does this temporary fix exist ? When I download this, the prefix is not "mdi", but just "md".

[Swimburger]

This is just a suggestion how you could fix it, if you have the same problem. With "we", I meant, my team. We temporarily replaced "md" to "mdi" in our Angular Material App to prevent class collision.

[Swimburger]

Also, I just read that scss support is added. In the _variables.scss file, you can change the variable value for the prefix. I haven't tested it though, but I will.

// Variables
// --------------------------
$md-font-path: "../fonts";
$md-css-prefix: md;
$md-version: "1.0.1";

$md-border-color: gray;

https://github.com/zavoloklom/material-design-iconic-font/blob/master/scss/_variables.scss

[rasmuslp]

Ah, I see. Thank you.

[ghost]

I'm also having this issue. It would be great if the default prefix could be something more unique.

[leonzinger]

+1

[leonzinger]

https://github.com/zavoloklom/material-design-iconic-font/pull/12

[AdriVanHoudt]

:+1: https://github.com/zavoloklom/material-design-iconic-font/pull/4 would also work

[ghost]

+1

[ghost]

+1

[zavoloklom]

Fixed in 2.0 release