問題タブ [susy]

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

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

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

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

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

susy 2 からデバッグ グリッドを表示しようとすると問題が発生します。

このサンプルに基づいて：

http://sassmeister.com/gist/9533822

私が使う

しかし、Developer Tool Return とは:

https://www.dropbox.com/s/pskhjvwd631jux6/Screenshot%202014-08-24%2015.31.37.png?dl=0

SVG グリッドがありません

gulp Config について考え始めます。

しかし、私は imagemin または影響を与える可能性のあるものを非アクティブ化し、常に同じです... :(

どうなり得るか？

ありがとう

私は、sass と susy2 gem のみを使用した非常に単純な gulp ベースのテスト環境を持っています。

私が得ているエラーは

問題ファイルの 8 行目、susy の設定は次のとおりです。

私は、sass マップ構文をサポートする sass バージョン 3.4 と、gulp-sass バージョン 0.7.3 を使用しています。susy 2.1.3 とともに。

なぜこのエラーが発生するのですか？

Susy を Jekyll で使用することは可能ですか? もしそうなら、どのように？

「susy」をGemfileに追加して「ing」を試してから、次の配列にbundle installsusyを追加しました：gemsconfig.yml

Jekyll's docsの指示に従って、@import 'susy'私のファイルに配置し/css/style.scssます。ただし、エラーが発生します。

インポートするファイルが見つからないか読み取れません: susy.

Compass をインストールしようとしましたが、最初は成功したように見えましたが、バージョンを確認すると次のように表示されます。

この通知が何を意味するのか正確にはわかりません - それが私の最初の質問です。

Susy も個別にインストールしましたが、上記の通知がまだ表示されます。これが私が解決する必要があるものであると仮定すると、そのための手順は何でしょうか。

私は 3 列のグリッドを持っており、この+span関数を使用して列を定義することができます。したがって、要素を 1 つの列にまたがらせたい場合は、次のようにします。

そして2つ：

等..

要素が 1 つの列にまたがるようになりましたが、位置は 2、つまり中央の列にありました。

Susy のドキュメントには、次のようにatキーワードを使用して場所を指定するように記載されています。

ただし、これは機能せず、私の列は最初の位置、つまり左側にあります。

結果のCSS:

私がする時

結果のCSS:

これは正しく機能し、私のコラムは 3 番目の位置にあります。

列を 2 番目の位置に配置するには、どうすれば場所を機能させることができますか?

説明に役立ついくつかの画像：

1 列目:

列 3:

私が欲しいもの：

この最後の例は、次の方法で実現されました。

これはハックだと思います。また、フロートがないため、高さが間違っていることも意味します。スージーと一緒に仕事をするべきだとは思わない。

バージョン:

コンパス 1.0.1 スージー 2.1.3

.scss ではなく .sass ファイルを使用しています