sass - 如何删除在之前的媒体查询中声明的 zen-grid-item mixin？

Question

一段时间以来，我一直在使用 Zen Grids 进行响应式布局，但不知何故从未遇到过这种情况。我已经参考了文档，但是对于我的生活来说，我无法弄清楚如何做一些应该相对简单的事情。

我在网格上设置了一个块，例如：

<div class="container">

  <div class="item">
  </div>

</div>

==========

.container {
  @include zen-grid-container();
}

.item {
  @include zen-grid-item(1, 1);
}

然后我有一个媒体查询，无论出于何种原因，我都需要从网格中完全删除该项目：

@media screen and (min-width:50em) {

  .item {
    ???
  }

} 

需要明确的是，我不想将项目重新声明为不同的 col-width/position，我只是想完全删除 mixin。我知道我可以手动重置 CSS，但想知道 Zen Grid ninjas 是否有更好的方法。

谢谢！

Answer 1

您是否尝试过仅使用

.item {
  display: none;
}

在您的媒体查询中？那应该隐藏它，并且可能还会删除它占用的间距。