宜しくお願い致します。
このようなデザインがあるとします。
パターン2を作る時に悩みます。。。
p-menuという名前でいきたいけど、
どうやるか。。。
css
1/* menu */ 2.p-menu {} 3.p-menu--horizonal { 4 .p-menu__title {} 5 .p-menu__list {} 6} 7.p-menu--vertical { 8 .p-menu__title {} 9 .p-menu__list {} 10} 11 12/* menus */ 13.p-menus {} 14.p-menus--horizonal { 15 .p-menus__item {} 16} 17.p-menus--vertical { 18 .p-menus__item {} 19}
とやる方法を考えたのですが、
プロジェクト同士でカスケーディングで調整するのは
ルール違反なような気がしてしまい、、、
もしくはmenuをcomponentにうつして
css
1.p-menu--horizonal { 2 c-menu {} 3 c-menu__title {} 4 c-menu__list {} 5 6 c-menus {} 7 c-menus__title {} 8 c-menus__item {} 9} 10.p-menu--horizonal { 11 c-menu {} 12 c-menu__title {} 13 c-menu__list {} 14 15 c-menus {} 16 c-menus__title {} 17 c-menus__item {} 18}
とやるか。
そもそもcssの名前をまったく別にするか。
しかしmenuは他で登場するわけでもなく、
componentにする程でもないかな。
なんて思ってしまい。
悩んでおります。
みなさまならどうしますでしょうか。
身近に相談できる人がおらず困っております。
どうか宜しくお願い致します。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。