Suggestion to make the .arrow class name more specific

[rderharo]

I'm trying to implement the intl-tel-input plugin and there is a conflict with metisMenu regarding the .arrow class.

The issue is that while intl-tel-input specifies the selector as specific:
.intl-tel-input .selected-flag .arrow {

metisMenu has a broad selector that captures everything, including other elements:
.arrow {

This results in some important styles being overwritten and forces me to reset the defaults on my app's CSS.

Is it possible to refactor the stylesheet for metisMenu to be more specific as to isolate the effect it has on other controls in the same application?

[lenamtl]

+1

[onokumus]

https://github.com/onokumus/metisMenu/blob/master/dist/metisMenu.css#L10

[rderharo]

Thank you!