I installed Polaris from npm @Shopify_77 /polaris
It also has a CSS that needs to be imported:
import '@shopify/polaris/build/esm/styles.css';
The Problem:
The imported CSS is MODIFYING my website’s CSS because the developers decided to add CSS styles directly to the HTML CSS selector!!!
html {
font-size: 100%; <--- this causes HUGE issues
}
My website uses HTML font-size: 62.5%, which is equal to 10px. This is done to properly work with the REM unit.
Now I have a problem because my whole app needs my font-size size, but Polaris’ team decided to MODIFY the HTML structure, which is terribly wrong.
What are my options considering this terrible mistake from the Shopify development team?
NOTE: If I force my HTML style, then the whole Polaris components are way smaller than normal. If I keep what Polaris adds, then my other components look way bigger than normal.
Kind regards