mazipan / vue2-simplert

⚠️ Vue 2 Simple Alert Component (SweetAlert Inspired)

Home Page:https://vue2-simplert.gitbook.io/docs/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Please remove global CSS styles from

icebob opened this issue · comments

Hi,

great lib, but contains some global CSS styles, which changes my site design if I use it.

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-size: 62.5%; }

*, *:before, *:after {
  box-sizing: inherit; }

I think it is not need to use this lib.
Btw, it would be good to extract styles to a CSS file.

Yes, I added these Global CSS for fix icon composition.
Maybe I can find solution for better icon css that currently modified from SweetAlert CSS.
Do you have any idea, which CSS that break your design @icebob ?

Yes, the font-size: 62.5%; in html break my design. The fonts will be very small.

FYI : Your Pull-Request are always welcome.
Now, in Indonesia I have in holiday.
So, this issue will need time to solved.
Maybe you can tweak the code, and sent me Pull-Request

I added font-size: 62.5%; for using rem unit.
Maybe we can remove it, I think