問題タブ [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.
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 フォールバックを利用する例を知っている人はいますか?
よろしくお願いします。
susy-sass - マージンゼロの Susy グリッド
ガターがゼロの Susy 2 グリッドがあります (ガター: 0px/150px)。レイアウトでプルを使用すると、コンパイル時にエラーがスローされます: (_margins.scss の 54 行目: 無効な null 操作: "-1050px plus null".)
エラーなしでプルを使用できるように、Susy でゼロガターを定義するにはどうすればよいですか?
sass - susy: 逆流方向中央列
Susy 2.0.0 を使用して非対称グリッド レイアウトを構築しています。ここでは、実行中のテキストが途切れることなく継続できるように、グリッド アイテムを左右にフロートさせる必要がある場合があります。
たとえば、動画を本文中の段落の左、右、または中央に揃えたい場合があります。通常、フロートのように動作します。ここを除いて、私のプロジェクトの制約により、横に表示するアイテムが他にない場合、各段落を行の唯一のアイテムとして配置する必要があります。
https://dl.dropboxusercontent.com/s/vbuflsjun1p4shm/Screenshot%202014-04-12%2017.31.06.png
この特定のケースでは:
- 右側のビデオは、ランニング テキストの右端の横に並べる必要があります。
- ビデオを消去することなく、ランニングテキストが途切れることなく続く必要があります
Last Flow 設定を使用してみましたが、あまり役に立たないようです。実際、これを とともに使用すると@include post(1)
、生成されたポスト マージンは最後の列の幅と等しくなく、代わりに一番左の列の幅のように見えます。
明確にする必要があるかどうか、または Codepen などに投げ込むのに役立つかどうかを教えてください。
HTML
SCSS
ruby - Prepros - カスタム Ruby パスを使用するとバージョン sass が競合する
この指示に従おうとしましたが、すべて完了した後、prepros を使用してscss
ファイルをコンパイルすると、このエラーが発生します。
この問題を解決するのを手伝ってください。
terminal - 無効な CSS Susy 1.0.9
この無効なコードを取得しました。ガンガン使ってます。いくつかのバージョンを組み合わせて試してみましたが、まだ失敗しました。
ご協力いただきありがとうございます
オグニ
「ターミナル」
私の設定
.scss
...
Gemfile
config.rb
Gruntfile.js
css - ブレークポイント Sass を使用してメディア クエリが画面に表示されない
Susy 2 と breakpoint-sass を使用してメディア クエリを作成しています。
次のように出力しています。
なぜ画面が表示されないのか不思議です。それは読むべきです:
動作していない css3-mediaqueries-js を追加しようとしていますが、それが理由かもしれません。
susy-compass - susy 2 での susy-breakpoint での変数の使用
最近 Susy2 にアップグレードしたので、ベース テンプレートを at-breakpoint ではなく新しい susy-breakpoint で作り直す必要があります。
新しい susy-breakpoint では、"60em, 12" のような短縮形のブレークポイントとレイアウトを定義する必要があり、これを "$large" などの変数に格納して、さまざまなクラスに渡すことができるようにしました。
ただし、これは単一の変数であるため、ミックスインはそれを 1 つの値としてしか認識しないため、1 つの値しか保存できません。変数に両方の値を格納する方法はありますか?
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.
何かアイデアはありますか?