問題タブ [breakpoint-sass]

breakpoint-sassモバイル ファースト レスポンシブ スタイルシートのメディア クエリを処理するために gem を使用しています。

IE8（メディアクエリをサポートしていません）用に別のcssファイルを作成する必要があります。これにより、すべてのスタイルを持ち、で始まる文字列@media ... {と閉じ括弧で始まる文字列を省略します（IEはメディアクエリにあるすべてを無視するため） ）。

私は次のセットアップを使用しています：

問題は、これを機能させるには、毎回mixinに渡す必要trueがあることです。breakpoint()私の目標を達成するためのより良い方法はありますか？または、おそらく、この繰り返しを回避して$no-query: true永続的にする方法はありますか?

12 列のグリッドに多数のタイルを含むフロート スパン レイアウトがあります。ブレークポイント 600px で float-span(2) を表示し、1024px で float-span(4) を表示します。

小さいブレークポイント レイアウトは意図したとおりに表示されますが、大きいブレークポイント レイアウトは壊れており、下位のブレークポイントから n 番目の子の値を継承しているように見えます。

彼は私の要点ですhttp://sassmeister.com/gist/MrPaulDriver/8ac3bcf3e29c429b2efc

私は何を間違っていますか？

私は新しいプロジェクトに取り組んでおり、grunt-contrib-sass の代わりに grunt-sass を使い始めました。コンパスも外しました。今の問題は、「susy」グリッドと「ブレークポイント」を追加する方法が見つからないことです。以前はこれを config.rb ファイルに入れていましたが、コンパスを使用していないため、もう使用していません。

だから私は自分のプロジェクトにすべてのsusyスタイルを追加しました。それはうまくいきますが、私の好みの方法ではありません。しかし、ブレークポイントを追加する方法が見つかりません。

これらを追加する方法はありますか？または、これにはコンパスを使用する必要がありますか?

私の悪い英語で申し訳ありませんが、あまり得意ではありません。

すべての可能性を確認しましたが、問題はありませんでした。

次の行があります：require 'breakpoint'

また@import "breakpoint";

私はこのようにしようとしています:

コンパイルされたcssファイルには何の効果も見られず、以前のものを上書きする新しいプロパティのみです。と を使用Sass 3.4.13 (Selective Steve)してCompass 1.0.1 (Polaris)います。

編集: コンパイル結果の例:

編集済み：

私はついに Susy One から Susy 2 に移行しようとしていますが、新しい構文に少し苦労しています。具体的には、Breakpoint mixin で使用します。

Susy One では、次のようなことがありました。

その後、次のようなスタイルを書くことができました。

私の HTML マークアップの例:

このパターンは Susy 2 に移植できますか? $susy3 つのそれぞれのブレークポイントに対して 3 つの個別のマップを作成する必要がありますか?