「column-span」関数を使用してグリッド列の幅を返したいのですが、この関数に特定のグリッドを含めずに、グローバルな「grid」変数が使用されています。
モバイル ファーストのデザインを作成しているため、グローバル グリッド変数は 4 に設定されていますが、「add-grid」を使用してブレークポイントを使用すると、div にはこの特定のグリッドに 16 列が含まれる必要があります。column-span はこれを無視するため、グリッドが 16 ではなく 4 列の場合に列を返します。
「column-span」関数を使用してグリッド列の幅を返したいのですが、この関数に特定のグリッドを含めずに、グローバルな「grid」変数が使用されています。
モバイル ファーストのデザインを作成しているため、グローバル グリッド変数は 4 に設定されていますが、「add-grid」を使用してブレークポイントを使用すると、div にはこの特定のグリッドに 16 列が含まれる必要があります。column-span はこれを無視するため、グリッドが 16 ではなく 4 列の場合に列を返します。
したがって、add-*
Singularity での動作方法は、別のコードを自動的に記述する代わりに、一致するbreakpoint
メディア クエリ内でデフォルトを変更することです。Singularity が自動的にすべての変更を書き込まない理由は、異なるグリッド定義間で何かを変更する方法を知る方法がなく、推測して混乱させるのではなく、どのように変更するかを正確に指定する必要があるためです。物事を変えたい。
リンクを更新して、column-span
適切なミックスイン内で再度呼び出すと、breakpoint
定義したデフォルトが実際にどのように使用されるかを示しました。