如何使用只有1个主网格的Singularity GS？

Question

如果没有每个嵌套的div产生它自己的小网格，我怎么能使用SGS？我知道它比那更强大但是对于这种情况，特别是我想将深埋段落

容器的宽度设置为跨越原始.main-wrap div容器的网格的5列。 / p>

例如，如果我对我的段落执行此操作，该段落嵌套了4个容器，

p.mynested_para {
    @include grid-span(5, 1) /* i want this to refer to the .main container’s grid */

}

它出来很小！我一直在查看文档，但还没有找到如何做到这一点。

Answer 1

您必须提供一个上下文：此元素可用的列数。

有两种方法：

1。在set(guihandle.tool_menu,'Value',value); mixin

中

grid-span mixin最多接受四个参数：

1. 要占用的列数。
2. 要开始的列的索引。
3. 上下文中的列数。
4. 背景的天沟比率。

所以你需要做的是：

grid-span

...其中@include grid-span(5, 1, 8) 是当前上下文中可用的列数。

2。使用8 mixin

如果您在一个上下文中有多个元素，那么为每个元素提供上下文是很繁琐的。

所以不要这样：

layout

你可以这样做：

.foo { @include grid-span(5, 1, 8); }
.bar { @include grid-span(1, 6, 8); }
.baz { @include grid-span(2, 7, 8); }

文档

在此处详细了解这些功能：

https://github.com/at-import/Singularity/wiki/Spanning-The-Grid#context-overrides