使用Neat框架时，列的装订线会自动调整到窗口大小（当然，从网格框架中可以预期）。 在我目前的项目中，我想使用gutter-width（$ gutter）作为某些元素的顶部或底部填充。
使用$ gutter变量可以直接使用，除了缩小视图端口时不会调整填充。
有人有解决方案吗？
答案 0 :(得分：0)
嗯，问这个问题我有点太快了。我做了一些浏览Neat代码，显然是使用
padding: flex-gutter();
作品。
有人知道这是否有任何缺点？
编辑：嗯，我找到了缺点。 flex-gutter（），或使用波旁功能垫（）（除了填充之外的相同结果），将填充/边距定义为2.3％左右。问题是，当您在大屏幕上查看网格时，填充将变得很大（而网格上的装订线最多可保持25px。
所以我有点做了自己的最大边际：
margin-bottom: 25px;
@media (max-width: 1100px) { margin-bottom: flex-gutter();}
第一行定义最大边距，第二行设置flex-gutter如果视口是＆lt; 1100px（Neat的最大网格尺寸）。
很想听听我是否可以在sass函数中实现这一点！