themify-icons style shifted to the top

[gyamxxx]

Sorry, I'm poor English.
Your library is awesome 👍.
By the way, I'm using bulma.css and your library, but themify-icons style shifted to the top like this.

Maybe .icon class is appreciated with bulma.css.
How can I fix it? plz help me.

[cristijora]

Please make jsfiddle if you can. That would help a lot

[cristijora]

Also themify-icons are just an example. You can use pretty much any icons library as long as it's css classes. Here is an example with font-awesome icons https://jsfiddle.net/bt5dhqtf/349/

[gyamxxx]

@cristijora
Thank you for reply.
Sorry, themify-icons is not related with this problem.
bulma.css's nav class and icon class are affected with vue-form-wizard.css.
It's my jsfiddle example.
https://jsfiddle.net/bt5dhqtf/353/

[cristijora]

Yeah I see the issue. Unfortunately I cannot control too much what other css libraries override.
Here is a short term fix https://jsfiddle.net/bt5dhqtf/360/ where certain stuff can be overriden for the wizard parts. By the way, vue-form-wizard doesn't affect any other global css because everything is under .vue-form-wizard class but in this case other css affects the wizard.

I will try to rename some classes maybe so it's more specific (e.g form-wizard-nav instead of nav) and so on

[gyamxxx]

Thanks @cristijora .
I'll attempt your jsfiddle sample for now.

[cristijora]

@gyamxxx Please check the first fiddle you sent and see if everything is ok without any modifications. Now the wizard shouldn't affect or be affected by external libraries

[gyamxxx]

@cristijora
I confirmed it.Thank you so much !!