When PEV2 is integrated in an application, there may be CSS rules conflicts. For example, if the application uses a css framework which shares class names with Bootstrap. This possible results in styling being inadvertently changed (button size, margin, padding, etc.).
To avoid this, the imported bootstrap styles could be scoped.
Options:
- using postCSS,
- using VueJS scoped style.
- other ?
See https://wpfrank.com/how-to-scope-css-library-to-avoid-design-conflicts/
When PEV2 is integrated in an application, there may be CSS rules conflicts. For example, if the application uses a css framework which shares class names with Bootstrap. This possible results in styling being inadvertently changed (button size, margin, padding, etc.).
To avoid this, the imported bootstrap styles could be scoped.
Options:
See https://wpfrank.com/how-to-scope-css-library-to-avoid-design-conflicts/