css - 如何使用网格行混合

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);}
}