1

ガターの中央にある 2 つの Susy グリッド アイテム間に 1 ピクセルの境界線を描画するための推奨/最もクリーンな方法は何ですか?

Susy は、グリッド アイテムに margin-right を追加することでガターを作成するため、border-right を単純に追加することはできません (たとえば、Zen Gridsを使用すると、ガター幅の半分を適用してガターを作成できます)。両側にパディング)。

with-grid-settings()mixin を使用してガターのない代替グリッドを定義することもできると思いますが、それは厄介な解決策のように感じます。

4

1 に答える 1

4

現時点では優れた解決策はありませんが、次のメジャー リリースで解決できることを願っています。あなたができることは、Susy 関数 (本当に Susy の最も強力な部分) を使用して独自の数学を作成することです。このようなもの：

.left-column {
  @include box-sizing(border-box);
  float: left;
  width: columns(2) + gutter()/2;
  padding-right: gutter()/2;
  margin-right: gutter()/2;
  border-right: 1px solid;
}
于 2013-02-04T18:07:19.713 に答える