問題タブ [susy-next]

私のスタイルシート全体で への呼び出しがspanあり、サイト全体で使用される多数のモジュールの幅を制御するために Susy の mixin を使用しています。

特定のブレークポイントでグリッドのガター幅を変更する必要があります。Foundation で使用されているような従来のグリッド システムでは、必要なのは次のようなメディア クエリだけです (要素にクラスを使用したと仮定します)。

Susy を使用して同じことを行う方法がわかりません。すべてのグリッド スタイルが mixin を介して提供されるようになったため、スパンをターゲットにするための明確なフックがなくなりました。

使用した場所ごとに個別のブレークポイントを追加することなく、ブレークポイントでガター幅を切り替えるにはどうすればよいspanですか?

Susy のドキュメントから、答えは次のようなものを追加することのようです。

しかし、これをすべてのモジュールで繰り返すと、多くの重複があるように思えます。

もちろん、この問題はスージーに限ったことではありません。Compas の Vertical Rhythm を使用しても同じ問題が発生します。ブレークポイントでリズムを変更する必要があるとすぐに、唯一のオプションは、垂直リズムの機能が使用されるすべてのポイントでブレークポイントの変更を明示的に宣言することです。

水平レイアウトと垂直リズムのどちらの場合でも、一元化された変更がモジュール全体に伝播し、重複したメディア クエリの拡散を回避できるようにするために、抽象化のレイヤーが必要なようです。

はっきりさせておきたいのですが、私は決してどちらのツールキットも批判していません。それらを使用する最良の方法を探しているだけです。

列スパンの 4 分の 1/5 にまたがるガターを生成しようとしています。グローバル設定は次のとおりです。

このセレクターが続きます:

生成された CSS.mosaicは次のとおりです。

各辺のパディングは 4/5 / 12 (列) / 2 (辺) = 1/30 = 3.333...% であると予想していました。 ) 列スパンの合計幅。

1. 期待される結果を得るにはどうすればよいですか?
2. パディング値 (1.85...%) はどのように計算されますか?
3. 期待したものと一致しないのはなぜですか?

これは私のsusy構成です

テストコード:

コンパイル後、何も返されません...

または

次のエラーが表示されます:無効な null 操作: "15.75092% plus null"

どうしたの？

susy で列幅を変更する方法があるかどうかを知りたいのですが、静的ではなく流動的なレイアウトを使用しています。