如何在另一个网格中嵌套奇点网格

Question

可以将网格嵌套为奇点吗？

这里是我的设置：

$break: 500px; 
$break1: 700px; 
$break2: 900px; 
$break3: 1200px; 

$grids: 3; 
$grids: add-grid(6 at $break); 
$grids: add-grid(12 at $break1); 
$grids: add-grid(2 8 2 at $break2); 
$grids: add-grid(3 6 1 1 1 at $break3); 

$gutters: 1/3; 
$gutters: add-gutter(.25 at 900px); 
$output: 'isolation'; 

当前的形势，我问的是内部$break3。

我想要有以下网格结构。

我意识到下面是不正确的，它只是作为我想要的网格结构的示范。我曾尝试使用函数来输出正确的宽度，但没有运气，但这可能是因为我所做的一切都是错误的。

HTML结构：

<div class="container"> 
    <div class="1"> 
     <div class="1-a"></div> 
     <div class="1-b"></div> 
     <div class="1-c"></div> 
     <div class="1-d"></div> 
    </div> 
    <div class="2"></div> 
</div> 

SCSS

• 1区： - 一个1区嵌套在DIV1 @include grid-span(4, 2);
• 和跨越4
• div的第一列。 1-b嵌套在div1中，并跨越最后3列4
• div.1-c嵌套在di v1和跨越4中的最后3列堆叠低于1-B
• 1区-d嵌套在DIV1和跨越4中的最后3列堆叠低于1-C
• 2区：@include grid-span(1, 1);

Answer 1

当然你可以！ $grids只处理主网格上下文，但如果您想要更改网格上下文，则可以覆盖网格上下文through grid-span或者您可以通过layout mixin来完成。

另请参阅related issue和answer。