0

susy のグローバル設定を設定しました。

$susy: (
    columns: 8,
    gutters: 1/4,
);

ガターを数スパンオーバーライドしたい

.tile-left {
    @include span(1 of 2 1px);
}
.tile-right {
    @include span(1 at 2 of 2 1px);
}

生成されたcss

.tile-left {
  width: 44.44444%;
  float: left;
  margin-right: 11.11111%;
}

.tile-right {
  width: 44.44444%;
  float: right;
  margin-right: 0;
}

私もこれらを試しましたが、これらも機能していないようです

@include span(1 of 2 no-gutters);

&

@include span(1 of 2 (gutter-override: 1px));
4

2 に答える 2

1

ガターは比率値でしか定義できないため、「1px」引数が機能しなかったようです。ドキュメンテーション

さらに、これを行うことで、流体要素と静的ガターが必要であるという問題を解決しました。

.tile-left {
    @include span(1 of 2 (gutter-override: no-gutters, gutter-position: inside-static));
    border-right: 1px solid #E5E5E5;
}
.tile-right {
    @include span(1 of 2 (gutter-override: no-gutters, gutter-position: inside-static));
}

「gutter-override: no-gutters」を渡してガターを削除すると、ガターで幅が計算されますが、マージンが削除されます。「gutter-position: inside-static」を渡してガター/マージンを内側に配置することで、with はガターなしで 100% に及ぶように計算されます。

于 2015-06-18T22:28:14.747 に答える