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