hmm yeah I can repro this… it’s a little strange.
I’ve got a remote theme and all common.scss contains is:
:root {
--d-border-radius: 100px;
}
this works and I get rounded buttons and other elements:
Once I add a local theme component that contains CSS, it breaks. I created a local theme component that only contains this in common.scss:
body {
background: red;
}
I get the red background, but the border-radius is gone:
The same component works fine remotely. I get both the red background and the rounded borders.
@david/@pmusaraj does this have something to do with the order of how remote and local themes are compiled?