sass - 在Bourbon Neat中设置固定的装订线

默认情况下，Neat使用百分比作为每个span-columns元素的右边距，但是我希望固定的30px装订线与outer-container的宽度无关。

最佳答案

一种解决方案是创建覆盖Neat装订线的自己的mixin。

@mixin col-with-gutter( $cols, $gutter ){
    @include span-columns($cols);
    margin-right: $gutter;
}

.half{
    @include col-with-gutter(2, 30px);
}

显然，如果需要使用其他一些span-columns功能，则必须进行一些其他自定义。我建议您查看_span-columns.scss source以找出最适合您的方法。

不过，老实说，我认为没有内置此功能是有原因的。在大多数情况下，将装订线设置为30px将不利于响应式设计(因为列的总宽度很可能不会达到100％ )。

您可能有正当的理由想要确切的30px，但是如果不确定您是否需要确切的值，则可能值得重新考虑。

关于sass - 在Bourbon Neat中设置固定的装订线，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28595907/