带有 Bourbon Neat 的 span-columns 上的 1px margin

Question

我想这样做：

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

...但是我想在第 1 列和第 2 列的右侧留出 1 个像素的边距，我该怎么做？

Answer 1

不幸的是，没有真正好的方法来做到这一点。但是你有几个选择：

1. 使用填充
2. use 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)
}