問題タブ [compass]

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 に答える
1868 参照

symfony - Symfony のアセット ダンプと --watch がひどく遅い

MacBook Pro の Ubuntu VirtualBox 内で Symfony2 アプリケーションを開発モードで実行しています。アセットをダンプおよび/または監視 (アプリ/コンソール assetic:dump) するまで、サイトは非常に高速に実行されています。42 個の scss ファイルといくつかの js ファイルをダンプするには、約 20 ~ 30 秒かかります。ウォッチャーも遅く、1 つのファイルを変更した後、変更が完了するまで 10 ~ 15 秒かかります。これは正常ですか?私のローカル マシンでは、コンパスを使用してファイルをコンパイルするのにわずか 5 秒しかかかりません。

プロセス全体をスピードアップするにはどうすればよいですか?

0 投票する
3 に答える
13838 参照

twitter-bootstrap - HTMLを変更せずにGlyphiconsをBootstrap 3のFontAwesomeに置き換える方法は?

プロジェクトでBootstrap 3を使用しており、バンドルされているGlyphiconsの代わりにFontAwesomeアイコン ライブラリを使用しています。

問題は、Glyphicons に依存するサードパーティ コンポーネントがいくつかあり、それらの HTML を変更したくないことです。

BowerSASS + Compass (SCSS)を介して font-awesome を含めています。

HTML を変更して別の CSS クラスを適用せずに、Glyphicons を FontAwesome に置き換えることは可能ですか?

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

css - Compass mixin - folder-sprite(imagename) - 印刷すべきではないときにすべての画像を印刷します

コンパスを使用してスプライト シートを生成していますが、これは魔法のように引き離されます。私の問題は、div {@include folder-sprite(js);}スプライト シート全体を含む単一の png を含めようとしたときです。これを修正するにはどうすればよいですか? どんな助けでも大歓迎です、ありがとう:)

現在の不完全な実装:

css はスプライト シートを読み込んで自動的に利用する必要background-positionがありますが、そうではありません

編集:コンパスconfig.rb

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

css - コンパス リスナー エラー

Compass を使い始めたのですが、動作が非常に奇妙です。このコマンドを使用するwatchと、変更が検出され、メインの CSS ファイルが期待どおりに書き換えられますが、一部の部分ファイルでランダムにエラーが返され、メインの CSS ファイルにコンパイルされません。

例: _fonts.scss を変更すると、うまく機能します。_intro.scss を変更すると、端末に次のエラーが表示されます。

これはランダムなエラーであり、どのファイルでも発生する可能性があり、Cmd+C を押してウォッチを再度使用することで解決できました。

一度コンパイルされたファイルは、このリスナー エラーを返す可能性があり、その逆も同様です。

何故ですか?どうすれば修正できますか?Cmd+C を押して約 10 分ごとに watch コマンドを開始すると、開発が本当に遅くなります。

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

include - SASS / コンパス - 上書き | 削除 | ミックスインの設定解除 / インクルード

SASS と Compass を使用してモバイル ファーストのワークフローを設定しようとしています。

したがって、ナビゲーション用にhttp://compass-style.org/reference/compass/typography/lists/horizo​​ntal_list / を介して ul>li horizo​​ntal-inline-list を定義したいと思います

私が含めた:

これまでのところ、すべてが正常に機能しています。しかし、大きな画面のブレークポイントをターゲットにしている場合、どうすればこのインクルードを取り除くことができますか?

これを行う簡単な方法はありますか、それともスタイルを手動でオーバーライドする必要がありますか?

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

css - コンパスは css を変更しますが変更しません

コマンドcompass watchを実行していくつかの scss ファイルを編集すると、コンソール メッセージ: のみmodified scss/base.scssが表示されますが、css ファイルの変更に関するメッセージは表示されません。css ファイルは変更されません。

css フォルダーからすべてのファイルを手動で削除して実行するcompass watchと、write css/base.css.

scss を更新した後、コンパスが css ファイルを更新しないのはなぜですか?

config.rb:

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

sass - SCSS コンパイル後に @import を CSS の最後に保持する

@importCSS ファイルの最後に配置する必要があります。例えば:

SCSS:

コンパイルして:

ただし、コンパイル後に @import の順序が変更され、CSS ファイルは次のようになります。

カスタマイズのために最後にファイルを保持@importingすることは非常に重要です。SCSSファイルが変更され、CSSファイルが書き換えられるため、手動でCSSファイルcustom.cssに入れることはできません。@importなにか提案を?