More than 5 years have passed since last update.

Sass 3.3.0.rc.1で実装された#{&}-hogeの記法は廃止になった。

Last updated at 2014-03-05Posted at 2014-03-04

Sass 3.3の新機能の一つとして予定されていた、#{}と&を組み合わせることでBEM等の記法を簡潔に表現できる機能ですが、3.3.0.rc.1の時点で一旦実装されたものの、仕様上の問題があり廃止になっていたようです。

3.3.0.rc.6の時点では、代わりに単純に&をprefixとして使うことで、親の名前を展開できるようになりました。ドキュメントの例を借りれば、従来は以下のような記法だったのが、

#main {
    #{&}-sidebar { border: 1px solid; } // #main-sidebarとして出力される
}

以下のような記法に変わったということです。

#main {
    &-sidebar { border: 1px solid; } // 効果は同様
}

なお、現状では&をprefixとしてのみ使えるようです。
alphaやrcと銘打たれたものに手を出すと、こういう思わぬ仕様変更につまづきかねないといういい例ですね。