仅使用susy更改Gutters

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 mixin [更改嵌套代码块的网格设置]]（http://susydocs.oddbird.net/en/latest/settings/#with-layout）。

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