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

Question

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

Susy 通过向网格项添加边距来创建排水沟，所以我不能简单地添加右边界（例如，您可以使用Zen Grids，它通过应用一半的排水沟宽度来创建排水沟两侧填充）。

我想它可以使用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;
}