class-name-format not working with variable interpolation

[ncoden]

I am using gulp-sass-lint v1.3.2 with sass-lint v1.10.2.

For the following code:

    // Static (unresponsive) row gutters
    @each $breakpoint, $value in $grid-column-gutter {
      &.#{$gutter}-#{$breakpoint} {
        > .#{$column} {
          @include grid-col-gutter($value);
        }
      }
    }

(from foundation-sites / grid/_classes.scss)

The following warning is throw on &.#{$gutter}-#{$breakpoint}:

   59:19  warning  Class '.-' should match regular expression /([a-z0-9]+-?)+/  class-name-format

The sass-lint config is :

...
  class-name-format:
    - 1
    - convention: '([a-z0-9]+-?)+'
...

(from .sass-lint.yml)

Sass-lint seems to ignore variable interpolation, and so consider the variable name as .-. I expect class-name-format to consider the class name as \.(.*)\-(.*) for the regex check.

[DanPurdy]

I'll double check this, shouldn't be throwing any issues here.

[coreyjv]

Is there an update on this bug?

[ncoden]

Poke @DanPurdy

[DanPurdy]

Sorry for this insane delay, life getting in the way of things... I will check this in #1131 as we should be ignoring interpolated classnames in the next release.

[DanPurdy]

Yup, just run it in the tests this doesn't throw the error anymore. WIll mark it as fixed with that PR but give it a final test before we release it. Sorry again for the delay.

[DanPurdy]

Released in 1.12.0