Foundation-building-semantically
提供:Dev Guides
基礎-意味的に構築
SASSミックスインのセットを使用して、独自のセマンティックグリッドを構築するために使用されるグリッドCSSが生成されます。
Rows
grid-row() mixinは、行を作成するために使用されます。
列
grid-column() mixinは、列を作成するために使用されます。 列の幅はさまざまな方法で定義できます。
グリッド列は関数としてもアクセスできます。 パーセント値は、グリッド列CSSなしで指定されます。
複数のグリッド
_ $ grid-column-count_は、デフォルトですべてのグリッドに列数を設定します。 行のインスタンス内でオーバーライドできます。
行CSSを出力せずに、grid-context() mixinを使用してグリッドコンテキストを一時的に変更できます。 breakpoint() mixinとペアリングすると、グリッドを応答可能にすることができます。