When I read the article “Even Easier BEM-ing with Sass 3.3”, I really wanted to try out the new Sass release. This new “@-root” alternative syntax made it perfect for BEMming your CSS. But it didn’t worked with Compass…

First of all I updated my sass gem like so: sudo gem update sass

This updated sass to the latest stable release (Sass 3.3.3 (Maptastic Maple)).

But when I wrote down this kind of Sass: .block { &__element { } &--modifier { } }

It returned annoying errors like those: Error on line number: 2. Invalid CSS after " #{": expected expression (e.g. 1px, bold), was "&}__element {"/ or Syntax error: Invalid css after bem __ expected "{"

The reason of this was that I used not the latest reelase (Compass 1.0.0.alpha.19 or higher) of Compass. So when I ran following command: gem install compass --pre

… it finally worked.