外边距 = Neat 中的网格间距

Outer margins = grid gutter in Neat

这是几年前在 Neat github 上被问到的。那里的用户非常全面地描述了这个问题,并附有图片:https://github.com/thoughtbot/neat/issues/99

本质上,我喜欢网格系统,但我不希望元素触及屏幕边缘。我可以轻松添加填充,并轻松检索装订线变量,但无法获得与元素之间的装订线相匹配的外部填充(因为装订线是相对于父级的)。

github 上的一位评论者提到它与 Susy 中的 $grid-padding 相同。

关于该问题的结束评论表明实施起来很容易,但从未建议如何实施。

Neat 2.0.0 中包含您所追求的内容,目前处于 Beta 阶段 - 有关更多信息,请点击此处:

https://github.com/thoughtbot/neat/issues/485

您可以在这里找到代码:

https://github.com/thoughtbot/neat/tree/neat-2.0.0

这里最上面的例子看起来像你想要达到的目标:

http://neat.netlify.com/examples/

希望对您有所帮助