Susy 嵌套上下文答案

【问题标题】：Susy nested contextsSusy 嵌套上下文
【发布时间】：2016-03-21 18:10:11
【问题描述】：

如果您看一下我创建的这个 Code Pen 演示：http://codepen.io/rctneil/pen/aNJjeP

如何使用 Susy 使 <aside> 和 <section> 上的填充成为外部网格的半列？我曾尝试使用 Susy 的 nested mixin，但填充不正确且小于半列。

有什么想法吗？

【问题讨论】：

标签： css sass susy

【解决方案1】：

似乎存在小数跨度 (span(0.5)) 的错误。我会调查的。目前，最简单的解决方案是使用padding: span(1) / 2（手动划分一列）。你不需要那些 nested mixins - 他们根本没有做任何事情。

【讨论】：

好的，谢谢！在什么情况下我需要嵌套的 mixin？即：它可以用来使嵌套位置的项目与外部网格对齐吗？
例如：在这种情况下：codepen.io/rctneil/pen/oxWgpX 如何获得 div 1 和 2 之间的边距以匹配外部网格上的边距？
Susy 网格是短暂的。除了特定的设置组合之外，它们不以任何真实的方式存在。这些设置可以在 $susy 映射中全局更改，或者作为任何给定 mixin 或函数的参数在本地更改。 nested 和 with-layout 块提供折衷方案，临时更改代码块的全局变量。无论出于何种原因，您都可以在任何希望网格设置不同的地方使用它们。从语义上讲，nested 表示“全局网格可能有 12 列，但现在我们嵌套在 6 列元素中”。
在您的示例中，您可以使用nested(8) 更改one 和two 周围的全局设置，但在这种情况下使用本地覆盖会更简单：@include span(4 of 8)。
您使用了span(6)，因为您想跨越一半的空间，全局设置为12。但你不在全球范围内。您处于 8 的嵌套上下文中，如果您希望网格保持对齐，则需要让 Susy 知道。