Sass 在波旁威士忌中设置固定排水沟
默认情况下,Neat使用百分比作为每个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); } 显然,如果需要使用
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实现这一点。