使用Neat的列之间的边距

Question

在我看来，Neat的默认行为应该是每个span列应该在相邻的span列之间有一个边距（或装订线）。我在网上找到的每个例子都只是安装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

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

代码适用于匹配类名http://sassmeister.com/gist/0c1963fef94a14d5268f

Answer 2

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