Ampersand & inside pseudo selectors :not() not resolved anymore

[troch]

Hi,

Use of & within pseudo selectors like :not is broken on v2. The following example:

.a {
    &:not(&--b) {
        display: none;
    }
}

On version 1.x, it was transformed to:

.a:not(.a--b) {
    display: none;
}

On version 2.x, it is transformed to:

.a:not(&--b) {
    display: none;
}

[ai]

Yeap, it is a bug. Thanks for the report. I will try to look at in tomorrow.

[troch]

Thanks!

[ai]

Done 1921ceb

[ai]

Released in 2.1.1

[troch]

Thanks a lot for the quick fix!

[troch]

@ai it appears the fix only works when there is one& in the rule.

The following works:

.component {
   :not(&--blue) {
      color: blue;
   }
}

But the following doesn't work

.component {
   &--highlighted:not(&--blue) {
      color: blue;
   }
}

[ai]

@troch will try to look in next days.

[ai]

Fixed bfc0b907b39b0114d2a32748097ed04a2f842592

[ai]

Released in 2.1.2

[troch]

All good, confirmed as fixed 👍

Thanks!