postcss/postcss-mixins

Mixin processing issue

AndreyLuzinov opened this issue · 2 comments

I wrote a following mixin in my mixins.pcss:

@define-mixin buttonInsetFocusShadow { &::not([disabled]) { &::focus { box-shadow: inset var(--focus-shadow); } } }

And I've used it like this:
.button { ... @mixin buttonInsetFocusShadow;

I got
image

So it looks like my mixin hasn't been processed by post-css engine and just inserted as is in css file.

My plugin config:
image

What I'm doing wrong?

ai commented

Check postcss-nested issues. It is known issue, but nobody send PR yet.

Thanks for quick response