1

画像のマトリックスがあります。各行には 2 つの画像があり、1 つは 1/3 の幅、もう 1 つは 2/3 の幅で、2 つの間に溝があります。すべての画像の高さはまったく同じです。ただし、特定のビューポートでビューポートの幅を減らすと、2/3 画像の高さが 1/3 画像よりも小さくなります。この特定のケースで使用するデフォルトのガタースタイルが原因であると思われます。それ以外の場合は問題なく動作しますが、問題の原因はここにあるのかもしれません。

私のグリッド設定は次のとおりです。

$grids: 6;
$grids: add-grid(9 at 675px);
$grids: add-grid(12 at 850px);
$grids: add-grid(15 at 1075px);
$grids: add-grid(18 at 1200px);
$gutters: 1/3;
$output:'isolation';

cssのサンプル部分はそのように見えます（私はこれらのスイッチベースラインインクルードをさらに3つ持っています）：

@include switch-baseline($baseline850, $vr-850...) {
    &:nth-child(4n+1) {
        @include isolation-span(4, 1, 'right', $gutter:.5);
    }
    &:nth-child(4n+4) {
        @include isolation-span(4, 9, 'right');
    }
    &:nth-child(4n+2) {
        @include isolation-span(8, 5, 'right');
    }
    &:nth-child(4n+3) {
        @include isolation-span(8, 1, 'right', $gutter:.5);
    }
    &:last-child {
        @include trailer(2);
    }
}

私の質問は、単一の mixin またはレイアウト コンテキストのデフォルトのグリッド設定をオーバーライドすることは可能でしょうか? $gutter-styles: fixed after $gutter:.5 を試してみました。また、gutter-styles ステートメントをレイアウト ミックスインに追加しました。どちらもコンパス エラーにつながります。特異点 1.1.2 を使用しています。よろしくラルフ

4

1 に答える 1