Css Susy嵌套上下文

Css Susy嵌套上下文,css,sass,susy,Css,Sass,Susy,如果您看看我创建的这个代码笔演示: 如何使用Susy使和上的填充成为外部网格的半列?我尝试过使用Susy的嵌套的mixin,但是填充不正确,并且小于半列 有什么想法吗?似乎有一个十进制跨度的bug(span(0.5))。我会调查的。目前,最简单的解决方案是使用填充:span(1)/2(手动分割列)。你不需要那些嵌套的混合器-它们根本不做任何事情。好的,谢谢!在什么情况下我需要嵌套的mixin?Ie:它可以用来使嵌套位置中的项目与外部网格对齐吗?例如:在这种情况下:如何使div 1和div 2之间

如果您看看我创建的这个代码笔演示:

如何使用Susy使
上的填充成为外部网格的半列?我尝试过使用Susy的
嵌套的
mixin,但是填充不正确,并且小于半列


有什么想法吗?

似乎有一个十进制跨度的bug(
span(0.5)
)。我会调查的。目前,最简单的解决方案是使用
填充:span(1)/2
(手动分割列)。你不需要那些
嵌套的
混合器-它们根本不做任何事情。

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