如何使用父网格定义创建嵌套网格

Question

如何创建一个嵌套的网格，这将与它的父对齐?

假设我有一个grid:2 4 4 3

和我希望它的每个中心列被细分为2列，这样它们将与它们的父容器对齐。

谢谢。为了进一步解释我的问题，考虑以下代码:

#content{
    at include grid-span(2,2);
    border-top: 1px solid red;
    article.article1{
        at include grid-span(1, 1, 4 4);
    }
    article.article2{
        at include grid-span(1, 2, 4 4);
    }
}
#sidebar{
    at include grid-span(1,4);
}

是否有一种方法可以避免在一条规则中重复冠词规则，同时适用于两种规则?

Answer 1

您只需要在嵌套的mixin中包含上下文。在这种情况下，上下文是4 4，所以你的mixin将是@include grid-span(1, 1, 4 4)，以跨越整个网格的第二列，或嵌套网格的第一列。

Answer 2

我认为你可以这样做嵌套@include layout($grid, $gutter)

这里的

检查