<div class="p-hoge"> <div class="p-hoge__photo"> <img src="aaa.jpg" alt=""> </div> <div class="p-hoge__text"> テキストテキスト </div> </div> modifierをつけて要素のstyleを切り替えたい、みたいなことはよくあると思う。 .p-hoge <----> .p-hoge--reverse でも、sassはネストしまくると 可読性が悪い 検索しづらい ので私も基本は、ネストさせないようにしている。 https://qiita.com/tatsuyankmura/items/49ac82183415b7779df1 その辺を踏襲しつつ、より良い書き方を探ってみることにした。 ※(注) BlockとElementをネストはさせないけど、modifierは「&」でネストさ
