如何使用网格行混合

Question

我很难理解这个 mixin 是如何工作的。文档提供的示例是...

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

这就是我的 SCSS 中的内容...

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

我要做的是创建一个有 20 列而不是默认的 12 列的行。

SCSS 似乎可以正常编译，但 mixin 没有向我的 CSS 输出任何内容。

Answer 1

想通了。如果 Zurb 的文档能给出一个如何使用这些的实际示例，那就太好了。

这对我有用...

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