valid @each with & not working

[alansouzati]

Using 1.8.2, happens both in cli and from IDE.

This block is a valid one and I get:

Please check validity of the block starting from line #91 Fatal

@each $status, $color in $brand-status-colors {
    &-#{$status} {
      .#{$grommet-namespace}status-icon__base {
        fill: $color;
      }
    }
}

If I remove the "-" it works normally:

@each $status, $color in $brand-status-colors {
    &#{$status} {
      .#{$grommet-namespace}status-icon__base {
        fill: $color;
      }
    }
}

Any pointers?

[DanPurdy]

It's an issue with the AST gonzales-pe I believe this PR will fix the issue for you tonyganch/gonzales-pe#179 once it's merged and released.

[alansouzati]

Thanks for the follow up. For now I'm using the following work around, hope it helps folks facing similar issue:

@each $status, $color in $brand-status-colors {
  .#{$grommet-namespace}status-icon-#{$status} {
    .#{$grommet-namespace}status-icon__base {
      fill: $color;
    }
  }
}

Basically, I've moved the selector to be outside of the nested & scenario.

[DanPurdy]

@alansouzati this parses without error in sass-lint 1.9.0

[alansouzati]

thanks for the heads up @DanPurdy 👍