0

明らかな何かを見逃していると確信しています...いくつかの要素のコンテキストを再宣言する必要があるようです。グローバル変数で次のように宣言しています。

// General breakpoints
$bp1: 500px;
$bp2: 700px;
$bp3: 900px;
$bp4: 1100px;

// Grids and gutters
$grids: 3;
$grids: add-grid(6 at $bp1);
$grids: add-grid(12 at $bp3);

フッター内に要素を配置しようとすると、オプションのコンテキスト変数を宣言しない限り機能しません。

footer .block-webform {
    @include grid-span(8, 5, 12);
}

最後の値がなければ、要素はグローバル グリッドのどこに配置したかを示しません。(もちろん、これは幅が 900px を超えています。)グローバルから変更しようとしている場合は、コンテキストを指定するだけでよいと思いました。

グローバル コンテキスト宣言で何かを見逃していませんか?

よろしくお願いします。

ST

4

2 に答える 2

1

ネストされたグリッドを作成するときに同じことを考えていたので (つまり、なぜグローバル グリッド コンテキストを渡し続ける必要があるのでしょうか?)、この質問に苦労しました (そして、まだ少し苦労しています)。私が発見したのは、のみを使用するgrid-span場合、常に追跡してサブグリッドのグリッドコンテキストを渡す必要があるということです。この例をチェックしてください:

グリッドスパンを使用した特異点のネストされた列

grid-spanコンテナーとネストされたグリッドを作成するためにのみ使用します。ネストされたグリッド/コンテキストがあるためgrid-span、現在のグリッド数に 3 番目の引数として継続的に渡して、現在のコンテナー/コンテキストを示す必要があります。発見した。

ただし、Singularity wiki で説明されているように (十分な評判ポイントがないためリンクを投稿できませんが、「コンテキストのオーバーライド」という小見出しの下で見つけることができます) layout、これに役立つと思われる mixin があります。 . 上記と同じ例を参照してください。ただし、layoutミックスインを使用してネストされたグリッドを作成します。

layout+grid-span を使用した特異点のネストされた列

この例ではlayout、ネストされたグリッド/サブ グリッド/その他が必要な場合に、ミックスインを使用して新しいグリッド コンテキストを作成します。ミックスイン内ではlayout、ミックスgrid-spanインが任意layoutのセットを使用するため、グリッドの数を追跡して渡す必要がなくなります。の 3 番目の引数として指定しgrid-spanます。

私はこれにしばらく苦労し、最近ミックスインを使用してネストされたグリッドを複製することができたので、これが役立つことを願っていますlayout. もちろん、私は Singularity/SASS/etc の初心者です。したがって、これらの例をベスト プラクティスなどとしてはお勧めしません。おそらく、専門家が追加の詳細を教えてくれるでしょうか?

幸運を。

于 2013-12-02T22:04:32.903 に答える
0

フッターが前のものとは異なるコンテキスト (グリッドの総数) を使用している場合は、新しいコンテキスト (グリッドの数) を記述する必要があります。そのため、現在行っているように、どのグリッドから始まるグリッドの数と総グリッド数を指定する必要があります。

于 2013-09-12T15:57:31.683 に答える