1

の要素のメイン グリッド内に別のグリッドを追加しようとしてい.fatます。私のコードは次のとおりです。

footer
  .fat
    $container-width: 100%
    +with-grid-settings($columns: 8, $padding: 10px)
      +susy-grid-background

すべて機能していますが、グリッドの左右に 10 ピクセルのパディングはありません。

何か案は？

4

1 に答える 1

0

この場合、実際のパディングを自分で追加する必要があります。グリッドの背景は流動的 ( に%基づく) であり、グリッド パディングは任意の単位を使用できるため、グリッド パディングは背景イメージに組み込まれません。代わりに、 and を使用background-originしbackground-clipて画像をボックス内に閉じ込めcontentます。

また、この場合、実際にはどこにも幅を設定していないため、$container-width設定は必要ありません。必要なものは次のとおりです。

footer
  .fat
    +with-grid-settings($columns: 8, $padding: 10px)
      +susy-grid-background
      padding: 0 $grid-padding
于 2013-07-30T15:46:04.133 に答える