在Bourbon Neat中设置固定装订线
Matthoiland
默认情况下，Neat使用百分比作为每个span-columns元素的右边距，但是我希望固定宽度30px而不管outer-container宽度如何。
twiz
一种解决方案是创建覆盖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源，以找出最适合您的方法。
不过，老实说，我认为没有内置此功能是有原因的。在大多数情况下，将装订线设置为30px会对响应式设计不利（因为列的总宽度可能不会达到100％） 。
您可能有合理的理由想要完全值30px，但是如果不确定您是否需要一个确切的值，则可能值得重新考虑。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用Thoughtbot Bourbon / Neat重新排序列
- 2
Gulp与Bourbon / Neat，无mixin命名媒体
- 3
Bourbon Neat 1 - 让元素跨越天沟
- 4
Bourbon/Neat VS 2017 意外字符序列
- 5
如何在Bourbon Neat中制作多行？
- 6
Bourbon Neat断点在电话上不起作用
- 7
Bourbon Neat-外部容器的浏览器宽度不足
- 8
我可以在bourbon Neat上使用粉底5吗？
- 9
使用Bourbon Neat删除边距嵌套的列
- 10
Bourbon Neat 网格推送没有按预期工作？
- 11
如何使用Selectivizr使Bourbon Neat网格在IE8中工作？
- 12
在Bourbon Neat中将子元素放置在其上下文之外
- 13
处理上述 Bourbon Neat 2.0 中 grid-column 附带的强制左边距的最佳方法是什么？
- 14
为什么Bourbon Neat将第一行的第4项移到下一行？
- 15
在具有固定装订线和父填充的DIV上保留长宽比
- 16
IE与Sass和Bourbon的条件注释
- 17
gulp bourbon无法导入波旁威士忌参考
- 18
gulp bourbon无法导入波旁威士忌参考
- 19
尝试在 Doctrine 固定装置中设置相关对象时出现 ORMInvalidArgumentException
- 20
使用VS 2013和Web Essentials编译Bourbon时遇到麻烦
- 21
Susy：使用With-Layout临时修改装订线设置
- 22
Fitnesse固定装置-找不到设置方法
- 23
在CodeMirror中设置装订线宽度
- 24
将装订线（装订边距）添加到现有的PDF文件中
- 25
IntelliJ 15中令人讨厌的宽左装订线
- 26
从Bootstrap 4的网格列中删除填充装订线
- 27
如何在VIM中更改左装订线的颜色？
- 28
装订线中没有XML颜色预览
- 29
Susy 2中的装订线功能/ mixin发生了什么？
我来说两句