XRExtras pollutes global CSS

Technical Support
1

In xrextras/common.css

The first lines:

* {
  font-family: inherit;
  box-sizing: inherit;
}

Pollute the global CSS. I had to spend some time figuring out why my font wasn’t loading, the explanation was that my CSS was using:

* {
  font-family: "IQOS";
  color: white;
}

inside a CSS file, and xrextras/common.css adds its styles inside a <style/> element, which overrode my code.

The CSS for XRExtras should be updated to only apply to XRExtras. In a a similar way, having it declare a .hidden class isn’t great, as that’s a fairly common name users might already have in their project.

Ideally all XRExtras CSS would be prefixed with something like xrextras_, or some other solution to prevent any conflict with user code.

2

Thanks for pointing this out, I’ll let the team know.