如何在另一個網格中嵌套奇點網格

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。