smacssのレイアウトとは下記を見ると、headerならheaderタグ自体につけるCSSだけを記載して、headerのcssを他のサイトでも流用できるようにするためにheader内にある要素のCSSはこちらには一切書かないということでしょうか?
例えばコーポレートサイトで
h1や会社のロゴ、検索ボックス、社名、電話番号などがheader内にあった場合それらのCSSは一切記載せず、これらは、コンポーネントにひとつひとつ分離して記載すればよいのですね。
おそらくflocssも同じでしょうね。
・
https://app.codegrid.net/entry/smacss-1
レイアウトルール
レイアウトルールでは、ページのエリア分けを行います。
.l-header { margin-bottom: 20px; } .l-footer { border-top: 1px solid gray; } .l-main { float: left; width: 80%; } .l-sub { float: right; width: 20%; }
レイアウトを独立したルールとすることで、ヘッダやコンテンツエリアなどのエリアを分けるためのパーツと、ダイアログやナビゲーションなどのページを構成するためのモジュールを、完全に分けて管理することができます。
あなたの回答
tips
プレビュー