【问题标题】:$zen-gutter-method not working$zen-gutter-method 不起作用
【发布时间】:2016-01-25 16:12:04
【问题描述】:

有没有人设法让 $zen-gutter-method 工作?

一般来说,为什么在 zen 网格系统中设置变量有时有效,有时无效,这对我来说是个谜。这就是我正在做的事情......

$zen-gutter-method: margin !global;
#featured {
  @include zen-grid-item(3, 1, left, 5);
}

我还尝试了上述方法的许多不同变体,但没有任何效果。排水沟仍在使用“填充”方法。

在大多数情况下,我将 $zen-auto-include-item-base 设置为 false,但我也尝试将其设置为 true。

【问题讨论】:

  • 请注意,您使用的 mixin 有一个参数,允许您在每个 mixin 调用的基础上覆盖此设置。
  • @cimmanon 如果确实有可能在每个 mixin 的基础上指定装订线方法,我没有看到任何地方记录,所以我不知道如何继续。
  • 我更新到最新的 zen-grids gem,并查看了源代码,但仍然无法通过将参数传递给 zen-grid-item()、zen-grid 来设置排水沟方法-container(),或者在带有全局标志的变量中声明它。到目前为止,我只是无法以任何方式使用 gutter 方法。
  • 仅供参考,我向 zen grids 项目发布了一个问题:github.com/JohnAlbin/zen-grids/issues/80

标签: sass


【解决方案1】:

gutter 方法不起作用,因为它是在 v2 的 zen 网格中添加的,而我使用的是 v1。在 v2 中,gutter 方法在作为参数传递给 zen-grid-item 时起作用,就像这样......

#featured {
  @include zen-grid-item(3, 1, left, 5, 10px, margin);
}

但是,仅供参考,它在传递给 zen-grid-item-base 时似乎不起作用,并且设置 $zen-gutter-method 变量似乎没有效果。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-18
    • 1970-01-01
    • 2013-02-02
    • 2016-10-27
    • 2014-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多