css - smacss を使用して、モジュールがマージンを設定しないことをお勧めしますが、これをレイアウト/コンテナーで処理できるようにしますか?

Question

私は smacss (Scalable and Modular Architecture for CSS) [ https://smacss.com/]を読み直していますが、ほとんどの内容は理解できます。

主なことの 1 つは、モジュールがそのコンテキスト/環境について何も知る必要がないことです。つまり、コンテンツをレンダリングするだけで、サイドバーまたはメイン コンテンツ領域に含まれているかどうかは気にしません。ここまでは順調ですね。

これは、モジュール自体がマージンを定義するべきではなく、常に親 ( layoutssmacss 用語で言えば) にマージンを設定するかどうか/どのように設定するかを決定させるという一般的な規則に拡張されますか?

Answer 1

すべての場合でモジュールにマージンが必要な場合 (たとえば、境界線と影のある div があり、マージンを設定する必要がある場合)、モジュールで設定できます。

モジュールの余白がオプションの場合 (上部または下部の余白が必要なヘッダーまたはフッターのリンクリストである可能性があります)、 のようなサブクラスを使用する必要があります<div class="my-module my-module-top-gap"> some </div>。したがって、コンテキストからモジュールの独立性を維持し、その外観を変更できます。