CSS import breaks my global application style

[Bran72]

Hi !

I'm starting using the Studio SDK, everything is okay but i have a problem: when i'm importing the style (@import '@grapesjs/studio-sdk/dist/style.css'), its changing all my application styles: box, inputs, scrollbars & background,...

I understand why, but i can't solve this "problem": all i tried doesn't work...

• 🚫 importing the style inside of an ID:
  #studio-editor { @import '@grapesjs/studio-sdk/dist/style.css'; }

• 🚫 importing style in JavaScript only when (doesn't work)

• 🚫 creating an iframe and inserting the Studio inside (the Studio doesn't find the ID inside of the iframe)

If you have any idea 💡
Thanks ! 🙏🏻

[artf]

Hey @Bran72 can you check with the latest release 1.0.31 please. We removed the default CSS reset styles from the bundle

[Bran72]

Hi, thanks for your answer.
It was resolved with the latest release ✅