1

流動的な Susy レイアウトのさまざまな場所で使用される要素の幅を設定する必要があります。親要素は常に同じ幅ではありませんが、この要素はページ幅に対して常に同じ幅にしたいと考えています。

例: 12 列のグリッドでは、ニュース記事が 12 列、時には 6 列にまたがる場合があります。編集者は<blockquote>、ニュース記事のテキストに を追加できます。コンテキスト (12 列または 6 列) に関係なく、blockquote を常に 3 列幅 (ページ全体に対して) にしたい。

もちろん、これが列幅が固定されたグリッドであれば簡単ですが、流動的なパーセンテージベースのソリューションを探しています。

PS。問題の解決が容易になるのであれば、Susy 2 alpha を使用したいと考えています。

4

1 に答える 1

1

Susy 1 または 2 でも同じようにできますが、2 の方が常に楽しいです。:)

この問題は、Susy に固有のものとはまったく関係がありません。流動的な CSS の状況で問題になる可能性があります。どのコンテキストにいるのかを知るためのフックがある場合にのみ、それを解決できます。その時点で、どちらの側からでも解決できます。このようなもの:

blockquote {
  @include span-columns(3);
  .narrow & { @include span-columns(3,6); }
}

フックなしでそれを行う方法は本当にありません。CSS にはエレメント クエリがありません (その記事で説明した理由により、すぐにそうなる可能性はありません)。

于 2013-10-06T19:41:07.173 に答える