For a project I'd like to use a feature that was introduced in version 3.3 of Sass, where you can use the ampersand sign as part of a class. So you can do:
.some-class {
&__some-child-class {
// this would compiled as .some-class__some-child-class
}
}
As always I have Compass Watch running with the required versions of Sass and Compass*, the above technique does not work. I get the following error:
Syntax error: Invalid CSS after " &": expected "{", was "__some-child-class {"
I've noticed on Compass's version page (https://rubygems.org/gems/compass) that the current version of Compass has a runtime dependency on Sass 3.2.19, which is a version which does not yet support the technique. Is this the version of Sass that Compass uses to compile my stylesheets? And if yes, is there any way I can make my compiler work with Sass 3.3.x instead?
*I have the latest versions of Sass and Compass installed, Sass 3.3.5 (Maptastic Maple) and Compass 0.12.5 (Alnilam).