問題タブ [susy]

問題があります..要素が 3 列を占めるようにできません。3 列に等しい 12 のうち 4 にまたがるように設定しました。私は @include omega; でそれを行うことができました。最後の子ですが、要素が3つ以上ある場合、それは実際には解決策ではありません。3番目の要素にmargins-rightを追加するため、それはわかっていますが、どうすればそれを回避できますか? 3要素ごとにmargin-rightを削除するように？

SCSS

HTML

私は susy バージョン 2.1.3 を使用しています。コンパイル時間が 1 秒未満だったバージョン 1 からアップグレードしてから、現在は 7 秒以上かかります。

すべてのgemを最新のベータ版に更新して速度が上がるかどうかを確認しましたが、運が悪かったので古いバージョンに戻しましたが、コンパスに依存しないため常にバージョン2で運もありません.

コンパイル時間を短縮するにはどうすればよいですか?

初めて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 フレームワークを使用して、SASS で列にまたがるコンテナーの mixin を作成したかったのですが、div でインクルードを使用して、次のようなスパン列を使用できます。

次に、CSS で次のように使用します。

しかし、出力 css に「Mixin コンテナーに引数 $columns がありません。」というエラーが表示されます。ここで何が間違っていますか？

Susy のギャラリー ツールを使用して要素をグリッド形式で表示しています。Angular は、ユーザーの選択に応じて、その場でこれらのグリッド要素を非表示または表示します。Angular がグリッド内の要素を非表示にすると、 のクラスがアタッチng-hideされます。これにより、CSS が に設定されdisplay:none !importantます。

問題は、Susy が各要素の位置を計算し、設定された項目を考慮していないことdisplay:noneです。これらの要素が非表示になっていると、グリッドにギャップが生じます。

非表示の要素を配置するときに Susy に非表示の要素を無視させることはできますか?

CSS セレクターを使用してみましたが:not()、成功しませんでした。レイアウトにはまだギャップがあります。

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

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

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

SCSS

HTML

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

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

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

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

main.scss

gulpfile.js

grunt を実行すると、次のエラーが発生し続けます。同じ問題で何度もインストール、アンインストール、再インストールしました。同じインストール ファイルを使用した以前の PC では正常に動作していたので、何が問題の原因なのか混乱していますか?

私は以下をインストールしています：

• ルビー 2.1.5
• Node.js 0.10.26
• コンパス 0.12.2
• スージー 1.0.9

エラーは次のとおりです。