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