問題タブ [susy-sass]

初めてSASSを使い始めました。私のWindows 8でRuby on Railsをセットアップし、Koalaコンパイラで問題なく動作してコンパイルできるようにしました。Susy ライブラリを使用する必要があるだけですが、動作させることができませんでした。これまでのところ、次のものをインストールしました。

これはうまく機能していないようです。sass コンパイラは、Susy 構文に遭遇するたびにエラーをスローし続けます。彼らのページでは、sass-rails がバージョン 5.0.0.beta1 であることを確認するように言及していますが、Ruby コマンド プロンプトはgem 'sass-rails', '~> 5.0.0.beta1'. これを別の場所に入力する必要があるということですか？それとも、別のコンパイラを使用する必要があるのでしょうか?

優しくしてください 私はこれが初めてです:D

必要なグリッドを柔軟に使用できるように susy を使用してサイトを構築しています。現時点では設定を行っていないため、デフォルトのみを使用しています。

サイトのセクションの溝を変更 (小さく) できるようにしたいと考えています。私はここでそれを構築しました：

http://sassmeister.com/gist/89243b68852fdd9cf282

SCSS

HTML

写真では、サイトのデフォルトがありますが、このセクションだけで、現在のガター幅の少なくとも半分が必要です.

端末でこのエラーが引き続き発生します。

エラー: 警告: 静的演算には有効な列幅設定が必要です

現在、アプリに gulp と gulp-sass を使用しています。これは私の main.scss ファイルですが、このエラーを解決する方法がわかりません。実際のエラーは Google で何も表示されず、Susy のドキュメントに従いました。Susy はまた、私には Compass は必要ないと述べているので、gulp-compass はインストールしていません。

main.scss

gulpfile.js

私はスージーに頭を抱えようとしています。私はそれが好きになると思います。もっと操作する必要があります。私は基本的に、サイト全体で使用できる再利用可能な列を作成しようとしています。私は Foundation グリッドを使用しているので、これについて考えていないのではないでしょうか?

それらの列をターゲットにできる必要があります。column-2 や small-6 のようなクラスで div を埋めるべきではないという記事をいくつか読みました。私が期待していることを伝えないと、divをどのようにターゲットにしているのかわからないと思います。

以下のコードは機能しますが、非常に Susy ですか? それは正しいアプローチですか？12 列の幅すべてに対して同様のルールを作成する必要があります。それらの列をどのように分割するかを前もって決定する必要があります。スパン 6 列を 6 からミディアムまでスパンにするか、スパン 12 に変更するか。これらのルールは事前に決定する必要があります。

これが正しいアプローチでさえある場合。ヘルプ、ガイダンス、またはポインタをいただければ幸いです。

HTML

スージー・サス

でガターを無効にする必要があることがよくありmargin-left: 0; margin-right: 0;ます。カスタムレイアウトのガターを0にしてみた

しかし、これはガター幅を 0 に設定するのではなく、ガターをまったく設定しないことを susy に伝えるだけです。

susy レイアウトでガターを 0 に設定するにはどうすればよいですか (単に null に設定するのではなく)?

ファイル「_file1.scss」と「_file2.scss」があるとします。どちらにも「my-mixin」という同じ名前の mixin があります。「main.scss」ファイルで「_file1.scss」と「_file2.scss」をインポートして、ミックスインを使用するファイルを指定することはできますか?

「file1/my-mixin」のようなもの。

私が抱えている問題は、SUSY と "compass/css3" を使用しており、両方に "columns" mixin があることです。

Susy を使用して、マークアップの順序とは異なる順序でレイアウトを作成することはできますか?

私のマークアップは次のようになります。

このマークアップは、直線的な形式 (コンテンツ、サイドバー、サイドバー) で表示されるモバイルに最も適しています。

デスクトップですが、サイドバー、コンテンツ、サイドバーを提示したいと思います。

私の $susy マップは次のとおりです。

私はもう試した

と