問題タブ [susy]

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

My Susy テンプレート

私のHTML

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

問題の行は

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

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

地図

Susy で Guard Live-reload を使用した人はいますか? Guard へのリンクは次のとおりです: https://github.com/guard/guard。

Guard が Sass と Compass で使用されている場所を見つけましたが、これまでのところ、Susy で使用されている場所は見つかりませんでした。

どんな助けでも大歓迎です

ガタガタ

CodeKit を実行していますが、コンパイル時に次のエラーが発生します。

そのエラーは、さまざまな領域で数回発生します。

そしてこれ：

gem を更新し、Ruby 2.0.0p481 を実行しています。何が起こっているのですか？

ありがとう、スタン

基本的に、私はこの質問と同じ船に乗っています:

Rails 4 アセットのコンパイルは、dev モードでは非常に遅い (>1 分)。トラブルシューティングの方法

ただし、Bootstrap を使用する代わりに、Susy 2 を SASS 3.3 および Rails 4.1 で使用しています (Compass は使用していません)。application.jsマニフェストでSprockets 'require'を使用していますが、問題は発生していません...カタツムリのペースは、SASSファイルに変更を加えた場合にのみ発生します。現時点では、スタイルシート マニフェストで @import ルールを使用する必要があります。

「require」/「@import」の組み合わせのバリエーションを試してみましたが、少しは役に立ちましたが、多くの SASS ファイルがあり、使用する application.css.scss マニフェストが欲しいだけです各SASSファイルの先頭に@importがある「グローバル」ファイルを含める代わりに、SASSのコンパイル方法。

現在のSprockets/sass-rails gem の問題と関係があるのではないかと考えています。コンパイル中に私はたくさんの

Susy 2 をまだ使用できるのであれば、SASS 3.2 に戻してみたいと思います。

ステージング/本番環境にプッシュするときに、アプリが Heroku でうまく動作することが確実であれば、Asset Pipeline を使用しなくても問題ありません。私は Grunt と Gulp の両方に精通していますが、AP の代わりに Grunt/Gulp を使用すると Rails アプリがどうなるかについてはあまり詳しくありません。

一方で、この問題を抱えているのは私だけではないことを嬉しく思いますが、他方では、共有する提案があれば、それを解決する方法を見つけたいと思います! よろしくお願いします、SOコミュニティ！

sprockets-rails/sass-rails の人々が問題を解決している間に、誰かがこれらの警告を消すことができましたか? 開発中のコンパイル時間が非常に遅いことに対処しています。それらが実際に害を及ぼすものではないことはわかっていますが、私は気が狂いそうになります。

Rails (4.1.6)、sass-rails の 5.0Beta、およびセットアップで動作する最新の sprockets-rails (2.2.0) gem を使用しています (3.0Beta はまだ動作しません)。

Sass 3.2 にダウングレードできることはわかっていますが、サイト全体に Susy 2 をまき散らしたので、できればそのままにしておきたいと思っています。

ありがとう。