Prefix CSS class names with f7
Is your feature request related to a problem? Please describe. I was working on a theme (non-framework7) but then I decided to add framework7 CDN so I can use its features, only for me to experience Class names collision, some of the names I gave to my elements were also used by framework7 which disrupted my styles and made me had to rename my class names.
Describe the solution you'd like
I would love it if the CSS class names get prefixed with f7 just as the CSS variables were prefixed.
Describe alternatives you've considered
Ionic,
In Ionic, their CSS class names get prefixed with ion, this way you don't have to worry about collisions.
Additional context
For instance,
menu-list should be f7-menu-list
item-list => f7-item-list
Source: framework7io/framework7