css - グリッド行 mixin の使用方法

Question

このミックスインの仕組みを理解するのに苦労しています。ドキュメントが提供する例は...

@include grid-row($columns, $behavior, $width, $cf, $gutter) { */ what goes here???*/ }

これは私のSCSSにあるものです...

.custom_row {@include grid-row(20, nest, 1000, true, 15);}

私がやろうとしているのは、デフォルトの 12 列ではなく 20 列の行を作成することです。

SCSS は正常にコンパイルされているようですが、その mixin は CSS に何も出力していません。

Answer 1

理解した。Zurb のドキュメントで、これらの使用方法に関する実際の例が示されているとよいでしょう。

これが私のために働いたものです...

.custom_row {@include grid-row(20, 'nest', 1000, true, 15) {
    .custom_column {@include grid-column(4,10);}
}