Css Susy嵌套上下文
如果您看看我创建的这个代码笔演示: 如何使用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的嵌套的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知道这一点。