Layout
Core - Contentと同じように、Core - Layoutはあなたのモジュールのためにより高レベルの抽象化を提供します。
注意: l-
プレフィックスは、暗黙のモジュールです。l
のベースモジュールはありません。それが唯一のレイアウトモジュールの接頭辞として使われています。これは、SMACSSから借用したものです。SMACCSはレイアウト·セクションで l-
の規約を使用しています。
Core - Layoutサブモジュールの良い例は、私たちがcell
モジュール(l-cell
)と呼んでいるものです。これによりあなたのサイトにmax-width
を設定したり、センタリングを行ったり、水平パディングを適用することができます。それでは見てみましょう。
%l-cell, .l-cell
margin: 0 auto
max-width: 900px
padding: 0 60px
Utilities & Custom Submodules
Core - Contentと同じように、提供されているデフォルトのユーティリティがあり、あなたにも、独自のカスタムサブモジュールを作成することができます。慣れ親しむために** MVCSS **プロジェクトファイルを通読してください。