BEM Modifiers With Number Prefixes

[MethodGrab]

If a Sass 3.3 style BEM modifier starts with a number, it will fail to compile in libsass with the error invalid property name.

Tested against libsass 3.0.2 on SassMeister. Ruby Sass 3.4.9 compiles this without error.
Note: It's just modifier (--) that fails, BEM elements (__) work fine.

For example:

.foo {
  &--bar { color: red; }
  &--1bar { color: blue;}
}

Should compile to

.foo--bar { color: red; }
.foo--1bar { color: blue; }

This example will compile as expected in libsass:

.foo {
  &--bar { color: red; }
  &__1bar { color: blue;}
}

[xzyfer]

Specs added sass/sass-spec#186

[MethodGrab]

Thanks! 👍

[pierremanceaux]

Not sure to understand, does this closed issue actually means that

.element {
    &--modifier {
        color: red;
    }
}

should not output anymore ?

I'm actually using grunt-sass (https://github.com/sindresorhus/grunt-sass) and it fails on every modifiers selectors (&--)

[xzyfer]

@pierremanceaux grunt sass is still using an older version of Libsass. This is fixed in Libsass 3.1.0.

[pierremanceaux]

@xzyfer thanks for you quick answer :)
Just to know, is it possible to update the version of libsass used by grunt-sass?

[xzyfer]

Grunt-sass uses node-sass. You'll have to wait for node-sass 2.0.0 to go
stable and open an issue with the grunt-sass team to update.
On 9 Jan 2015 21:02, "Pierre Manceaux" [email protected] wrote:

@xzyfer https://github.com/xzyfer thanks for you quick answer :)
Just to know, is it possible to update the version of libsass used by
grunt-sass?

—
Reply to this email directly or view it on GitHub
#738 (comment).

[pierremanceaux]

Great, got it, thanks a lot for you time xzyfer.