javascript - CSS をレイアウトとテーマに分割する際の経験則

Question

レイアウト CSS をテーマ CSS から分離したいと考えています。ただし、パディング、マージン、幅、高さなどの特定のプロパティがどこに属しているのか正確にはわかりません。いずれかのファイルに属していることがわかります。これについての一般的な経験則は何だろうと思っていましたか?

ありがとう

Answer 1

IMO、従わなければならない厳しい規則はありません。ただし、たとえば、Visual Studio では異なり、Drupal では異なるように依存します。でも基本は同じ

• コア CSS - ルールは、CSS リセットまたは Normalize.css で使用されるなど、HTML 要素のみのスタイル設定で構成されます。
• レイアウト - グリッド システムを含む、ページ上の要素の配置。
• テーマ - 境界線、ボックスの影、色と背景、フォント プロパティなど、純粋に視覚的なスタイル設定

そして、それらをさまざまな CSS ファイルに配置することができます。ここにリンクがあります。CSS アーキテクチャ (Drupal 8 の場合) の詳細を読むことができます。基本的なアイデアが得られます。