Placing Carbon styles in a CSS Cascade Layer

[folkforms]

Hi there,

I'm wondering is there a way to place the Carbon styles in a specific CSS Cascade Layer?

Problem statement would be: "As a developer, I want to control which CSS Cascade Layer the carbon styles are placed in, so that I can better structure the layering of my application styles."

In our case, we ship an on-prem application which customers build and deploy. We use webpack to bundle Carbon CSS and JS into a single JS file that is shipped with the application. Customers do not have access to the Carbon code and must use a standard CSS file for theming. By placing all styles in layers we would make this theming a lot easier for them as their customer-styles layer (and/or their unlayered styles) will always win.