問題タブ [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.
symfony - Symfony のアセット ダンプと --watch がひどく遅い
MacBook Pro の Ubuntu VirtualBox 内で Symfony2 アプリケーションを開発モードで実行しています。アセットをダンプおよび/または監視 (アプリ/コンソール assetic:dump) するまで、サイトは非常に高速に実行されています。42 個の scss ファイルといくつかの js ファイルをダンプするには、約 20 ~ 30 秒かかります。ウォッチャーも遅く、1 つのファイルを変更した後、変更が完了するまで 10 ~ 15 秒かかります。これは正常ですか?私のローカル マシンでは、コンパスを使用してファイルをコンパイルするのにわずか 5 秒しかかかりません。
プロセス全体をスピードアップするにはどうすればよいですか?
twitter-bootstrap - HTMLを変更せずにGlyphiconsをBootstrap 3のFontAwesomeに置き換える方法は?
プロジェクトでBootstrap 3を使用しており、バンドルされているGlyphiconsの代わりにFontAwesomeアイコン ライブラリを使用しています。
問題は、Glyphicons に依存するサードパーティ コンポーネントがいくつかあり、それらの HTML を変更したくないことです。
BowerとSASS + Compass (SCSS)を介して font-awesome を含めています。
HTML を変更して別の CSS クラスを適用せずに、Glyphicons を FontAwesome に置き換えることは可能ですか?
css - Compass mixin - folder-sprite(imagename) - 印刷すべきではないときにすべての画像を印刷します
コンパスを使用してスプライト シートを生成していますが、これは魔法のように引き離されます。私の問題は、div {@include folder-sprite(js);}
スプライト シート全体を含む単一の png を含めようとしたときです。これを修正するにはどうすればよいですか? どんな助けでも大歓迎です、ありがとう:)
現在の不完全な実装:
css はスプライト シートを読み込んで自動的に利用する必要background-position
がありますが、そうではありません
編集:コンパスconfig.rb
css - コンパス リスナー エラー
Compass を使い始めたのですが、動作が非常に奇妙です。このコマンドを使用するwatch
と、変更が検出され、メインの CSS ファイルが期待どおりに書き換えられますが、一部の部分ファイルでランダムにエラーが返され、メインの CSS ファイルにコンパイルされません。
例: _fonts.scss を変更すると、うまく機能します。_intro.scss を変更すると、端末に次のエラーが表示されます。
これはランダムなエラーであり、どのファイルでも発生する可能性があり、Cmd+C を押してウォッチを再度使用することで解決できました。
一度コンパイルされたファイルは、このリスナー エラーを返す可能性があり、その逆も同様です。
何故ですか?どうすれば修正できますか?Cmd+C を押して約 10 分ごとに watch コマンドを開始すると、開発が本当に遅くなります。
include - SASS / コンパス - 上書き | 削除 | ミックスインの設定解除 / インクルード
SASS と Compass を使用してモバイル ファーストのワークフローを設定しようとしています。
したがって、ナビゲーション用にhttp://compass-style.org/reference/compass/typography/lists/horizontal_list / を介して ul>li horizontal-inline-list を定義したいと思います
私が含めた:
これまでのところ、すべてが正常に機能しています。しかし、大きな画面のブレークポイントをターゲットにしている場合、どうすればこのインクルードを取り除くことができますか?
これを行う簡単な方法はありますか、それともスタイルを手動でオーバーライドする必要がありますか?
css - コンパスは css を変更しますが変更しません
コマンドcompass watch
を実行していくつかの scss ファイルを編集すると、コンソール メッセージ: のみmodified scss/base.scss
が表示されますが、css ファイルの変更に関するメッセージは表示されません。css ファイルは変更されません。
css フォルダーからすべてのファイルを手動で削除して実行するcompass watch
と、write css/base.css
.
scss を更新した後、コンパスが css ファイルを更新しないのはなぜですか?
config.rb:
sass - SCSS コンパイル後に @import を CSS の最後に保持する
@import
CSS ファイルの最後に配置する必要があります。例えば:
SCSS:
コンパイルして:
ただし、コンパイル後に @import の順序が変更され、CSS ファイルは次のようになります。
カスタマイズのために最後にファイルを保持@importing
することは非常に重要です。SCSSファイルが変更され、CSSファイルが書き換えられるため、手動でCSSファイルcustom.css
に入れることはできません。@import
なにか提案を?