how to create a selector from a complex class name

[dagda1]

I have this codesandbox that highlights the problem.

export const root = composeStyles(
  atoms({
    display: "flex",
    flexDirection: "column",
    justifyContent: "flex-start"
  }),
  style({
    font: "inherit",
    fontFamily: "inherit",
    fontSize: "inherit"
  })
);

globalStyle(`.${root.split(" ").join(".")} label`, {
  marginBottom: vars.space["1x"]
});

In order to create the selector, I had to do this .${root.split(" ").join(".")} label

is there a better way?

[mattcompiles]

Hey 👋

This is something we've been discussing for awhile and we've just shipped a solution to. Check out the release notes.