如何在列之间获得1px边框？

Question

在排水沟中心的两个Susy网格项之间绘制1px边框的首选/最干净方法是什么？

Susy通过向网格项添加边距来创建装订线，因此我不能简单地添加边框（例如，您可以使用{{3} }，通过在两侧应用半个宽度的填充物来创建排水沟。）

我想可以使用with-grid-settings() mixin来定义一个没有排水沟的替代网格，但这感觉就像一个混乱的解决方案。

Answer 1

目前还没有一个很好的解决方案，但我希望在下一个主要版本中有一个。你可以做的是使用Susy函数创建自己的数学（真的是Susy最强大的部分）。像这样：

.left-column {
  @include box-sizing(border-box);
  float: left;
  width: columns(2) + gutter()/2;
  padding-right: gutter()/2;
  margin-right: gutter()/2;
  border-right: 1px solid;
}