Zurb Foundation：$ column-gutter（Grid）的媒体查询

Question

在Foundation框架中，有一个名为$column-gutter的变量，它控制网格中列之间的空间。是否可以根据媒体查询状态为$column-gutter设置不同的值？我希望为我的桌面用户提供更宽的栏目，并为移动设备提供更小的价值。

由于你无法在SASS中的媒体查询中定位变量值，我想不出任何简单的方法，但也许你有一个不同的解决方案。 作为一种解决方法，我尝试通过媒体查询定位我的div并覆盖padding-attributes，如下所示：

@media #{$small} { // This is for desktop
  .l-header, .l-menu, .l-submenu, .l-main, .l-footer {
    padding-left: 3em;
    padding-right: 3em;
  }
}

但它不是一个很好的解决方案，因为那时我无法在另一个网格元素中最大化嵌套的网格元素（因为父div的填充）。希望你能理解我的问题。