Scoping SCSS under a different body class breaks some components

To preview experimental carbon in carbon-components-angular we generate two preview.scss files and import carbon under two different containing classes (.carbon and .experimental).

As expected some tweaks are required to make this work (manually scoping the reset and fonts for example) … but strangely enough some component styles also break (mainly padding/margins) … see these lines for what I mean. It doesn’t appear to be an issue for X, but it’s definitely unexpected behavior.

[asudoh]

Selector scoping is not a perfect approach, though it works to some extent, and it’s the only viable way until Shadow DOM is supported by all browsers we support. That said, we expect some of the glitches that @cal-smith pointed out. If we see some of those can be solved by carbon-components side in a reasonable way we can definitely consider fixing, though. @cal-smith please feel free to share more details if you like - Thanks!

[carbon-bot]

🎉 This issue has been resolved in version 9.70.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀