問題タブ [susy-sass]

ドキュメントを読むと、スージーはガター幅を列幅のパーセンテージと見なします。

幅が768pxのコンテナがあります

私は3つの列を持っています

各ガターを 768px の 5%、つまり 38.4px にしたい

スプリットのガター位置を使用しています

次のファイブを実行すると、3.33333% のガター幅が得られます。

しかし、これを行うと、5% の正しいガター幅が得られます。

私は試行錯誤でこの数を見つけましたが、数式をうまく解くことができないようです.

以下の関係があると思います。

列数: 3

ガターの数: 6

コンテナの望ましいパーセンテージ ガター: 5%

(コンテナーの) 望ましいガター パーセンテージを取得するために Susy に提供する必要がある数値: 0.428572

コンテナ幅のパーセンテージに基づいて Susy ガター幅を設定するにはどうすればよいですか?

私はgulpをコンパイルしてグリッド/フレームワークsassを使用しようとしています。susy

これに関する情報をオンラインで見つけるのに苦労しています。

私が含めた：

私の中package.jsonにすべてをインストールしました。

私のgulp sassgulpタスクは次のようになります：

したがって、私は一生、含める方法を考え出すことができず、susy使用に準拠しgulpています.

Bootstrap で列をオフセットするように、Susy を使用して列をオフセットしたい。

使ってみた

しかし、それはうまくいきません。私が間違っていることは何ですか？

私が取り組んでいるレイアウトは、必要に応じて情報の一部が表示されるオフキャンバス タイプのレイアウトで、スマートフォンなどの小さな画面で非常に人気があります。私のコードは、このブログ投稿の例に基づいています。問題は、キャンバス外のコンテナを固定位置に保持し、メイン コンテナを垂直方向にスクロールできるようにすることです。問題を説明するために、Codepen の簡単な例を作成しました。

これに対する解決策へのポインタをいただければ幸いです。

使用中の CSS フレームワークはSusyです。

レイアウトを Susy 1 から Susy 2.0 に変換していますが、いくつかの動作が予想とは異なります。ここで何か間違ったことをしていますか？コンテナがページの幅全体に広がり、幅の半分の列がページの中央にあるようにしたいと思います。その列の内側に、3 つの等間隔の列 (赤、白、青) があります。スクリーンショットにあるように、css がどのようにコンパイルされているかわかりません。

My Susy テンプレート

私のHTML

私は理解できないように見えるかなり単純な問題を抱えています。特定の列にスパンを配置しても効果がないようです。

問題の行は

スパンはまだ 1 から始まっています。明らかに間違っていることはありますか?

何らかの理由で、Susy 2 にガターが表示されません。これらが表示されない理由はありますか? マップを設定しましたが、スパンはデフォルトでガター設定を取得するべきではありませんか?

地図