0

Susy で静的レイアウトを実験しています。同じガター幅でネストされたグリッドを確立する方法についていくつかの指示が必要です。以下のこの例では、12 列のうち 9 列にまたがる .main があり、その子 .main-item を、同じ 18px ガター幅を維持することによって、9 列レイアウト内に 4 列レイアウトにするのが好きです。

http://sassmeister.com/gist/2a414c2b9dc6f332b89b

もちろん、すべてがパーセンテージであるため、これは流体グリッドでシームレスに機能しますが、この実験では静的グリッドで試してみたいと思います。

これを行う最善の方法は何ですか？「with-layout」ミックスインは、新しいレイアウトを定義することによってこれを達成する唯一の可能な解決策ですか、それともこれを達成する他の方法はありますか?

私がこれまでに試したこと: 1. .main-item の span(3 of 12) に言及するだけで、それが機能しないことを知っていますが、それでも試してみましたこのエラー「@return なしで関数 valid-column-math が終了しました」。私はそれを間違ったことをしただろうと思います。

あなたのアドバイスに感謝します。

4

1 に答える 1

0

グリッドを再定義すると、列の新しいサイズを計算する必要があるため、多くの余分な計算が必要になります。また、数学は文脈に関連していないため、文脈は重要ではありません。ただし、分数列にまたがるだけでも機能するようです。9 列を 4 列に分割すると、次のようになります。

.main-item {
  @include span(9/4);
  &.last{
    @include last;
  }
}
于 2014-08-14T02:14:27.147 に答える