Question

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

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

<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忍者。

谢谢！

Answer 1

您是否尝试过使用

.item {
  display: none;
}

媒体查询中的

？这应该隐藏它，并可能删除它所占用的间距。

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

1 个答案: