更改僅用於使用susy的部分的排水溝

Question

我正在用susy建立網站以允許我需要的網格具有靈活性，此刻我尚未設置任何設置，所以我只使用默認設置。

我希望能夠改變網站的一部分的排水溝（使它們變小）。 我建立了它在這裏：

http://sassmeister.com/gist/89243b68852fdd9cf282

SCSS

.feature-box-container 
    { 
    @include container(80em); 
    .feature-box 
    { 
     @include gallery(4 of 12); 
     img 
     { 
      margin-bottom:20px; 
      width: 100%; 
     } 
    } 
} 

HTML

<div class="feature-box-container container"> 
    <div class="feature-box"> 
     <!-- 450 --> 
     <div> 
      <img src="http://placehold.it/355x170" alt=""> 
     </div> 
     <div> 
      <img src="http://placehold.it/355x280" alt=""> 
     </div> 
    </div> 
    <div class="feature-box"> 
     <div> 
      <img src="http://placehold.it/355x317" alt=""> 
     </div> 
     <div> 
      <img src="http://placehold.it/355x133" alt=""> 
     </div> 
    </div> 
    <div class="feature-box"> 
     <div> 
      <img src="http://placehold.it/355x270" alt=""> 
     </div> 
     <div> 
      <img src="http://placehold.it/355x180" alt=""> 
     </div> 
    </div> 
</div> 

在它的網站默認的圖片，但我只需要這部分有在現在至少有一半的排水溝寬度。

Answer 1

可以使用with-layout混入到[更改網格設置的代碼嵌套塊]（http://susydocs.oddbird.net/en/latest/settings/#with-layout）。

@include with-layout($new-settings) { 
    // code you want affected... 
}