BEMとはBEMの概要もうすでにいろんなブログやQiitaなどで書かれていると思いますが、自分の頭を整理するためにも書いておきます。BEMはロシアの検索エンジン大手のYandexにより以下を達成するために開発された「cssの記述方法論」です。CSSセレクタの「命名規則」とも言われています。 Block, Element, ModifierBEMは、セレクタの役割を「Block」「Element」「Modifier」の3つの概念に分けて考えるCSSの設計思想です。BEMのドキュメントによると、Block、Element、Modifierは、それぞれ以下のように定義されています。 Block「Block」は独立したエンティティ(実体)であり、アプリケーションを「構成するパーツ」です。Blockは単一で用いることも可能だし、他のBlockを含んで複合的に用いることも可能です。Block名は基本的
![BEMをSassで快適に書く方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/71f4d826a20b3e1654341f590a90709080cceffd/height=288;version=1;width=512/https%3A%2F%2Fmae.chab.in%2Fwp-content%2Fuploads%2F2015%2F04%2Fbem-element.png)