FLOCSSによるCSS設計について
FLOCSSを使っているのですが、
ドロワーメニューにもフッター、ヘッダーにもsocial-btnがあり、かつドロワーメニューのみ色が違う場合
social-btnのCSSをどう書きますか?
compornentのsocial-btnにsnsボタンのCSSをすべて書き、
色見の違いはutilityにcolorwhiteを設置しマルチクラスでしょうか?
ただそうするとdrawermenu特有のsocial-btnに当たっているCSSはどこにどのように配置しますか?
social-btnのCSSにすべて記載しますか?(再利用の際drawermenuがないサイトの場合、そこのみ削除して対処しますか?)
それともdrawermenu.cssにdrawermenu特有のsocial-btnに当たっているCSSだけは記載しますか?
(こちらは読み込まなければOKですよね。)
・
また、
layoutのdrawermenu上に記載したところ下にあるcompornent内のsocial-btnのcolorに負けるので、
下記のように強引に詳細度を上げないと当たりません。
そのような場合どのように詳細度をあげますか?
ないしはどのように対処しますか?
.drawermenu__social-btn.drawermenu__social-btn {
color: white;
}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/07/30 00:03