Sass 在波旁威士忌中设置固定排水沟

Sass 在波旁威士忌中设置固定排水沟,sass,bourbon,neat,Sass,Bourbon,Neat,默认情况下,Neat使用百分比作为每个span列元素的右边距,但我希望使用固定的30px边距,而不考虑外部容器的宽度 一个解决方案是创建自己的mixin,覆盖整洁的排水沟 @mixin col-with-gutter( $cols, $gutter ){ @include span-columns($cols); margin-right: $gutter; } .half{ @include col-with-gutter(2, 30px); } 显然,如果需要使用

默认情况下,Neat使用百分比作为每个
span列
元素的右边距,但我希望使用固定的
30px
边距,而不考虑
外部容器的宽度


一个解决方案是创建自己的mixin,覆盖整洁的排水沟

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

.half{
    @include col-with-gutter(2, 30px);
}
显然,如果需要使用其他一些
span列
功能,您必须进行一些额外的定制。我建议你看看这本书,找出最适合你的

老实说,我认为这个功能没有内置是有原因的。在大多数情况下,将排水沟设置为
30px
将不利于响应性设计(因为柱的总宽度加起来可能不会达到100%)


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

我也有同样的问题,到目前为止,无法找到如何使用Neat实现这一点。