Closed AndreyLuzinov closed 3 years ago
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;
.button { ... @mixin buttonInsetFocusShadow;
I got
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:
What I'm doing wrong?
Check postcss-nested issues. It is known issue, but nobody send PR yet.
postcss-nested
Thanks for quick response
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
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:
What I'm doing wrong?