html - 使用 Neat 列之间的边距

Question

在我看来，Neat 的默认行为应该是每个跨度列应该在相邻跨度列之间有一个边距（或装订线）。我在网上找到的每个示例都只是安装 Neat，进行快速演示，结果在相邻元素之间有一个排水沟。没有更改任何设置。

有谁知道为什么我没有发生这种情况？我有一个全新安装的 Bourbon 和 Neat。我的html如下...

<footer class="col-2">
  <section class="left">
    content
  </section>
  <section class="right">
    content
  </section>
</footer>

我的sass看起来像......

.col-3 {
  @include outer-container;

  .left {
    @include span-columns(6);
  }

  .right {
    @include span-columns(6);
  }
}

这是渲染输出的链接：

所以我实际上有两个问题。

1. 为什么即使我浮动左列，列也会堆叠在一起？
2. 为什么我的列忽略了每列之间的排水沟？

Answer 1

该问题与我的规范化样式表有关。有一些规则凌驾于 Neat 之上。

Answer 2

看起来你错误地命名了你的类（div 有 .col-2 类，scss 有 .col-3），并且由于你嵌套了你的类，列 mixin 不适用于子 div。

代码在这里使用匹配的类名http://sassmeister.com/gist/0c1963fef94a14d5268f