Find better way to prevent style leak than use lots of important tags

[quantuminformation]

EG

[akashdsouza]

May be BEM?

[quantuminformation]

That wouldn't stop style leak from the parent doc.

[akashdsouza]

Perhaps a name for test recorder and replacing class names such as header to -test-recorder__header?
Just suggesting.

[akashdsouza]

material-ui inlines all the styles without any class names

[quantuminformation]

Can you explain more how this relates to this project thx.

[akashdsouza]

The styles used for the test recorder shouldn't affect the web page and the styles from the web page should be overwritten by the test recorder's styles. Furthermore, most styles pertaining to the recorder itself are nonreusable. So using inline styles may be better suited than having classes. This means !important will no longer be needed. One downside is the lack of clarity when all the styles are inlined