sassでBEM的な書き方を簡単に

最近知ったのですが、sassでBEMっぽい書き方をしたい時

// 愚直
.parent {
  .parent__child {
    .parent__child__grandson {
      text-align: center;
    }
 }
}

と書いてましたが、下記の方が見通しが良いですね

// スマート
.parent {
  &__child {
    &__grandson {
      text-align: center;
    }
  }
}

出力結果

.parent__child__grandson {
  text-align: center;
}

調べたらsass3.3から導入されたようです。
Support for BEM modules in Sass 3.3

やばい、もう数年前の話じゃないか！

以上です。