View Code →

Changelog (v3.0.1)

Navigation

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 **プロジェクトファイルを通読してください。