0

Singularity の適用におけるいくつかの特定の側面について、私はまだ戸惑っています。たとえば、あることについて疑問に思います。次の要点では、いくつかの単純な要素を設定しました。下部の青はフッター、中央の黄色はコンテンツ、上部の 3 つのセル (赤、緑のフクシア - グリッドスパンによって構築) はヘッダーを構築します。3 つの部分はすべて同じコンテナーによってビルドされます。

http://sassmeister.com/gist/8010028

ヘッダーを他の2つよりも広くするための最もクリーンなアプローチは何でしょうか。

  • ラッピングヘッダー要素の幅をパーセンテージで定義することによって?
  • ヘッダー要素にレイアウト mixin を適用し、まったく新しいコンテキストを設定することによって?

それとも、すべて同じコンテナ設定とコンテキストに依存している場合、3 つのうちの 1 つに異なる幅を持たせることは不可能でしょうか? よろしくラルフ

4

1 に答える 1

1

Singularity はコンテナーに依存しないため、ヘッダー コンテナーを任意の方法で配置できます。

コンテナーの 1 つを大きくする方法は多数ありますが、この問題は Singularity とは関係ありません。

私のお気に入りの方法は負のマージンです。margin: 0 autoコンテナに設定しているため、スタイルには適用できません。margin: 0 auto代わりにonを使用することをお勧めしますbody。これには、いくつかのリファクタリングが必要になります。

ただし、Singularity に関連するのは、さまざまな幅のコンテナー全体で一貫したグリッドを維持するという問題です。いくつかの計算を行い、値をいじるのに時間を費やす必要があります。

これが私が達成できたものです：http://sassbin.com/gist/8030219/

私はlayoutmixinを使用していないことに注意してください$grids。この方法は推奨されませんが、いくつかの異なるグリッドがあり、どれもメイン グリッドと呼べない場合は許容されます。

PS SassMeister は Sass 3.3 にあるのに対し、Singularity と Breakpoint は Sass 3.3 で適切に動作しないことに注意してください。代わりに、Sass 3.2 のままの SassBin.com を使用してください。

于 2013-12-18T21:32:52.330 に答える