問題タブ [susy-sass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
154 参照

susy-compass - Susy One IE フォールバック - 幅は IE8 以下のパーセンテージとしてコンパイルされますか?

モバイル ファーストのレスポンシブ Web アプリで Sass、Compass、Susy 1 を使用しています。これと並行して IE6+ のサポートを提供する必要があります。

Susy One は Compass ブラウザ サポート変数を使用して IE6+ で動作するはずです。scss ファイルから生成された 2 つのスタイルシートをセットアップしました。IE 固有のスタイルシートでは、IE 変数に対するコンパスのレガシー サポートは true に設定され、通常のスタイルシートではこれは false に設定されます。

コンパイルされたcssで取得している幅の値はすべて、単位として % を持っています。これは IE バックアップのデフォルトですか? 固定幅を生成することを望んでいました(IE8未満での問題を回避するため)。

Susy One のドキュメントには、生成された IE フォールバック css がどのように見えるべきかが説明されていません。私は何かを見逃していますか、それとも何も心配していませんか? IE フォールバックを利用する例を知っている人はいますか?

よろしくお願いします。

0 投票する
1 に答える
186 参照

susy-sass - マージンゼロの Susy グリッド

ガターがゼロの Susy 2 グリッドがあります (ガター: 0px/150px)。レイアウトでプルを使用すると、コンパイル時にエラーがスローされます: (_margins.scss の 54 行目: 無効な null 操作: "-1050px plus null".)

エラーなしでプルを使用できるように、Susy でゼロガターを定義するにはどうすればよいですか?

0 投票する
1 に答える
902 参照

sass - susy: 逆流方向中央列

Susy 2.0.0 を使用して非対称グリッド レイアウトを構築しています。ここでは、実行中のテキストが途切れることなく継続できるように、グリッド アイテムを左右にフロートさせる必要がある場合があります。

たとえば、動画を本文中の段落の左、右、または中央に揃えたい場合があります。通常、フロートのように動作します。ここを除いて、私のプロジェクトの制約により、横に表示するアイテムが他にない場合、各段落を行の唯一のアイテムとして配置する必要があります。

https://dl.dropboxusercontent.com/s/vbuflsjun1p4shm/Screenshot%202014-04-12%2017.31.06.png

この特定のケースでは:

  1. 右側のビデオは、ランニング テキストの右端の横に並べる必要があります。
  2. ビデオを消去することなく、ランニングテキストが途切れることなく続く必要があります

Last Flow 設定を使用してみましたが、あまり役に立たないようです。実際、これを とともに使用すると@include post(1)、生成されたポスト マージンは最後の列の幅と等しくなく、代わりに一番左の列の幅のように見えます。

明確にする必要があるかどうか、または Codepen などに投げ込むのに役立つかどうかを教えてください。

HTML

SCSS

0 投票する
1 に答える
1810 参照

ruby - Prepros - カスタム Ruby パスを使用するとバージョン sass が競合する

この指示に従おうとしましたが、すべて完了した後、prepros を使用してscssファイルをコンパイルすると、このエラーが発生します。

この問題を解決するのを手伝ってください。

0 投票する
0 に答える
180 参照

terminal - 無効な CSS Susy 1.0.9

この無効なコードを取得しました。ガンガン使ってます。いくつかのバージョンを組み合わせて試してみましたが、まだ失敗しました。

ご協力いただきありがとうございます

オグニ

「ターミナル」

私の設定

.scss

...

Gemfile

config.rb

Gruntfile.js

0 投票する
2 に答える
303 参照

css - ブレークポイント Sass を使用してメディア クエリが画面に表示されない

Susy 2 と breakpoint-sass を使用してメディア クエリを作成しています。

次のように出力しています。

なぜ画面が表示されないのか不思議です。それは読むべきです:

動作していない css3-mediaqueries-js を追加しようとしていますが、それが理由かもしれません。

0 投票する
1 に答える
344 参照

susy-compass - susy 2 での susy-breakpoint での変数の使用

最近 Susy2 にアップグレードしたので、ベース テンプレートを at-breakpoint ではなく新しい susy-breakpoint で作り直す必要があります。

新しい susy-breakpoint では、"60em, 12" のような短縮形のブレークポイントとレイアウトを定義する必要があり、これを "$large" などの変数に格納して、さまざまなクラスに渡すことができるようにしました。

ただし、これは単一の変数であるため、ミックスインはそれを 1 つの値としてしか認識しないため、1 つの値しか保存できません。変数に両方の値を格納する方法はありますか?

0 投票する
2 に答える
851 参照

ruby-on-rails - Rails 4でSusyグリッドをセットアップしようとしています

Rails4でsusyを使いたいです。

gem 'susy'gemfileに追加しました。それから私は走りbundle installます。すべて問題なく、gem がインストールされたと表示されます。ここで、Rails サーバーを再起動し、 @import "susy";application.css.scss に追加します (スプロケットを使用しています)。

エラーが表示されますFile to import not found or unreadable: susy.何かアイデアはありますか?