0

通常は画面の幅の 80%、最大幅は 1440px の流動的なグリッドが必要ですが、768px 未満では画面の幅の 80% ではなく 100% になります。

「コンテナ」の設定が 1 つしかないため、これにアプローチする最善の方法、またはそれがどの程度可能かはわかりません。

私の現在の設定は次のとおりです。

$susy: (
    columns: 12,
    container: 80%,
    column-width: 20rem,
    gutters: $gutter/10rem,
    math: fluid,
    output: float,
    gutter-position: inside-static
);

次のようなブレークポイントに基づいて、これらの設定を条件付きでオーバーライドしようとしました。

@include breakpoint($mini) {
    $susy: (
        container: 100%
    );
}


@include breakpoint($huge) {
    $susy: (
        container: 1440px
    );
}

しかし、それはブレークポイントの仕組みではないため、うまくいきません。

Susy でこの種のレイアウトを実現する方法はありますか? 私が見た限り、これはかなり一般的なパターンであり (したがって、私はそれを達成することを任されています)、コンテナーが呼び出されるたびにオーバーライドする必要はありません。

4

0 に答える 0