css - Zurb Foundation グリッド列を変更して、パディングが片側だけになるようにする

Question

コラムガターを片側だけにする設定があるかどうかは誰にもわかりませんか？現在、列の各辺に半分が追加されるため、たとえば、14px の列ガターが必要な場合は、各辺に 7px が追加されます。これにより、行の最初の列が 7px のインデントになります。

追加の CSS でハックすることもできますが、できればデフォルト設定で変更したいと思います。

Answer 1

Foundation Docs 6 サイトで気付きましたが、.row .rowクラスが含まれています。これにより、ブロック グリッドの例に負のマージンが追加されます。

.row .row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.row row1 つの解決策は、セレクターで確立されたパターンに従い、追加することです。

.left-collapse {
  .margin-left: -$column-gutter;
}

Answer 2

両側のガターを均等にするには、ハードコーディングできます。

.collapse-half {
  .columns {
    padding-left: .46875rem;
    padding-right: .46875rem;
  }
}