与Bourbon Neat在span-columns上的1px余量

Question

我想这样做：

@include span-columns(4 of 12, block-collapse);

...但我希望第1列和第2列右侧有1个像素的边距，我该怎么做？

Answer 1

不幸的是，这并不是一个很好的方法。但是你有几个选择：

1. 使用填充
2. 使用border-right：1px solid transparent;
3. 复制输出css然后使用calc()向其添加1 px并在mixin之后将其添加到scss

例如

.card {
  @include span-columns(4 of 12, block-collapse);
  margin-left: calc(??% + 1px)
}