CSS modules compatibility
Created by: BurkovBA
Hi, Ken!
I'm trying to create an embeddable component for RNAcentral sequence search to be plugged-in into member databases websites.
I want the component to be styled in EBI theme 1.3, but at the same time I don't want it to break the host websites.
I was trying to use CSS modules and Webpack to import styles from your CSS files of ebi-global.css
and theme-light.css
and it would've worked just fine, but unfortunately your css files also contain global style definitions, such as h1
etc. They would interfere with the host CSS.
So, I believe, I'll have to go with shadow DOM.
I'm wondering: did you consider making EBI Framework compatible with CSS modules? Maybe, splitting the SASS styles into global and local ones?
Thanks, Boris