如何使用网格行mixin

时间:2016-01-13 18:01:39

标签: css sass zurb-foundation zurb-foundation-6

我正在努力理解这个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输出任何内容。

1 个答案:

答案 0 :(得分:0)

想出来。如果Zurb的文档能给出一个如何使用它们的实际例子,那就太棒了。

这对我有用...

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