关于 Neat 2.0 网格媒体的困惑

Question

根据官方整洁的文档，我应该要使用gird-media根据媒体查询更改我的布局。但是当我尝试运行示例代码时，出现以下错误：

@include grid-media($custom-neat-grid, $custom-neat-grid-2){
^
Wrong number of arguments (2 for 1) for `grid-media'

我有一个简单的角度 cli 项目，其中包含以下文件：

styles.scss

@import "../bourbon/bourbon";
@import "../neat/neat";
$custom-neat-grid: (
columns: 12,
gutter: 50px,
media: "screen and (max-width: 999px)",
);
$custom-neat-grid-2: (
columns: 12,
gutter: 70px,
media: 1000px,
);
.element {
@include grid-column(3);
@include grid-media($custom-neat-grid, $custom-neat-grid-2){
@include grid-column(6);
}
}

app.component.html

<div class="container">
<div class="row">
<div class="element">
<pre>test</pre>
</div>
</div>
</div>

我不确定我做错了什么？

Answer 1

该功能仅在 v3.0 中可用

在 v2.0 中，grid-media只接受 1 个参数，但在 v3.0 中，它接受一个或多个参数。