:global and nested classes?

[bytasv]

Hello,

I have this snippet:

:global .theme-class {
  .button { ... }

  .button--primary { ... }
}

In browser I get this output:

.theme-class {
  .button_34hj34 { ... }

  .button--primary_34hj34 { ... }
}

Since this is not a standard CSS (nesting is not supported) this doesn't give me result that I want. What I want is output like this:

.theme-class .button_34hj34 { ... }
.theme-class .button--primary_34hj34 { ... }

I'm using webpack, with PostCSS loader

What am I doing wrong?

[bytasv]

It appears that I mixed and actually used postcss-nesting instead of postcss-nested...

[a-x-]

Hm, I cannot write like this in both postcss-nested and postcss-nesting:

:global {
  .smtg {}
}