0

必要なグリッドを柔軟に使用できるように 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>

写真では、サイトのデフォルトがありますが、このセクションだけで、現在のガター幅の少なくとも半分が必要です.

ここに画像の説明を入力

4

1 に答える 1

1

ミックスインを使用して、with-layout[ネストされたコード ブロックのグリッド設定を変更]]( http://susydocs.oddbird.net/en/latest/settings/#with-layout )できます。

@include with-layout($new-settings) {
  // code you want affected...
}
于 2014-12-04T00:28:00.927 に答える