問題タブ [scout-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 投票する
2 に答える
231 参照

css - Theming Sencha project using ScoutApp


I am trying for the first time to theming my sencha project by using Scout/Compass GUI because i am not familiar with ruby and the command line.
I have installed Scout then i have created a new scss file form copynig the defalut one and renaming it .
After that,i have modified index.html to include the new css file.
Still one task to achieve:Compiling my theme

Please look at the picture below: enter image description here

After running i obtain the following log: enter image description here

I am not recognising the error.
Please help me.Thank you

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

sass - Scout でカスタム イメージ パスを設定する

Windows 7 で Scout アプリを使用して、SASS/Compass を簡単に操作しています。Scout が使用する必要がある画像パスをカスタマイズしようとして、信じられないほど面倒な経験をしています。

Scount 構成 UI には、実際にイメージ パスを設定するフィールドが用意されているので、次のように設定します。

c:\myproject\img

次に、.SCSS ファイルで次のようなルールを使用します。

これは、次のような画像パスを持つ CSS にコンパイルされます。

/images/img/bg_skin.png

これは明らかに私の画像パスを壊します。パスを設定するオプションが与えられた後、とにかく完全に却下される理由について、ここでロジックが欠落していると思います。

より多くのユーザーがこの問題を抱えているように思われるため、更新プログラムがリリースされました。

http://www.continuousthinking.com/2012/05/14/scoutapp-0-6-0-rc1.html

この更新により、カスタム構成ファイルを作成してパスなどを設定し、それを使用できるようになります。そこで、そのファイルを作成し、Scout にそれを使用するように指示しました。

これは、次のように CSS の画像パスにコンパイルされます。

/../img/bg_skin.png

先頭のスラッシュに注意してください。再び、ユーザーが構成したパスが却下され、再びパスが壊れます。私がやりたいことは、Scout に「img」ディレクトリを使用するように指示することだけです。これは私を狂わせます。

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

css - SASS/コンパスが出力スタイルシートにRGBA値を書き込む際に一貫性がない

私はWindows7を使用しており、Scoutアプリを使用して、すべてを構成する手間をかけずに、便利なSASS/コンパスのコンパイルを行っています。

http://mhs.github.com/scout-app/

scssフォルダーを監視し、main.cssをcssフォルダーに出力するように設定しましたが、機能します。しかし、物事が保存される順序に関連していると思われる問題について、私は時々非常に苛立たしい時間を過ごしています。

たとえば、次のようなルールがあります。

これにより、半透明のグラデーションが適用された2つのレイヤー化されたPNGで構成される背景が作成されます。古いブラウザでは、ベースカラーと単一のPNGが適用されます。通常の状況では、これにより次のCSSが作成されます。上記は数十行を生成することに注意してください。ここでは、関連する行のみを示しています。

すべては順調です。私のメインのscssファイルであるこの同じファイルで、最後に次のようなパーシャルをインポートしています。

その部分ファイル(_tablet.scss)に変更を加えると、Scoutはそれを検出し、すべてを再コンパイルします。ただし、そうすると、先に述べたバックグラウンドルールに関して突然別のルールが発生します。

これで、0から0.4ではなく、0から0のグラデーションが作成されます。突然。

main.scssファイルをもう一度編集して保存すると、正しいグラデーションルールが作成されますが、それでも、parialで同様のルールが台無しになります。部分的なファイルを保存すると、部分的なCSSが修正されますが、メインのルールが再び台無しになります。これは完全なデッドロック状態です。

私が欲しいのは、メインのSCSSファイルと部分的なSCSSファイルの両方を正しくコンパイルすることです。これらのファイルを特定の順序で保存する必要がある状況で生きることはできますが、現在、すべての順序で間違った結果が発生します。

これは一般的な問題ですか、それともセットアップの問題ですか?助言がありますか?

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

css - スカウトにはコンパスのようなミックスインが組み込まれていますか?

Scoutを使用してフロントエンドの作業を行っています。

Compassには、次のようなインポート可能なミックスインが組み込まれていることを知っています。

スカウトはどうですか?これらの@import関数を使用するスニペットはたくさんありますが、Scoutがすでにそれらを持っているのか、それとも自分で作成する必要があるのか​​わかりません。

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

html - Sublime text 2 からコンパイルしようとすると、sass がコンパイルされませんか?

sass ファイルをコンパイルするために、Ruby とhttp://mhs.github.com/scout-app/をインストールしました。in sublime text 2 ファイルを作成し、スタイルシートを書いてみました。

それは私のために働いていません。

この投稿http://screencasts.org/episodes/introduction-to-sassに示されているように、エディターでコードを記述します。

これは私にとってはうまくいきません。誰かがこれをコンパイルする方法を教えてくれます。ここにエラーがあります

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

compass-sass - コンパス/スカウトのインポート

GUIのスカウトでコンパスを始めたところです。私はデモをフォローしようとしていますが、@import について少し混乱しています。@import "compass" を実行すると、すべて正常にコンパイルされます。ただし、compass/scss/_normalize.scss にある @import "scss/normalize" をインポートしようとすると、

14:59:07 に検出された変更: screen.scss エラー screen.scss (2 行目: "@import "compass"" の後に無効な CSS: 予想されるセレクターまたは @-rule、"@import "scss/n... ") screen.css を上書きする

@import "compass" は正確には何をしているのですか? それはどのファイルをインポートしていますか?または、scout をプログラム ファイルにインストールしたフォルダですか?

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

sass - Devtools の Sass サポートを Scout で使用することはできますか?

SASS コンパイラとしてScoutを使用しています。DevTools Sass サポートと連携するように Scout を構成する方法があるかどうかを知りたいです (保存時に css を自動再読み込み)。Scout をインストールすると、Compass と SASS がマシンにインストールされると思います。ターミナルで「コンパス」を試したところ、「コンパス: コマンドが見つかりません」というメッセージが表示されました。

これを機能させるには、sass を個別にインストールする必要がありますか?

どうもありがとう!

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

wordpress - WP-foundation テーマで MAMP を使用すると Scout エラーが発生する

これは SO に関する私の最初の質問です。ガイドラインを正しく順守していない場合は、お知らせください。

Zurb の WordPress テーマ WP-foundation でローカルに作業しようとしています。WP をダウンロードして MAMP の htdocs フォルダーにインストールし、WP-foundation テーマをダウンロードしてテーマ フォルダーに貼り付けました。データベースをセットアップし、構成ファイルをセットアップすることができました。そのすべてがうまく機能しているようです。

Scout アプリを使用して SCSS で作業したいと考えています。Scout を次のようにセットアップしました。

Scout に変更の検索を開始するように指示すると、次のエラー メッセージが表示されます。

私はMAMPとRubyにかなり慣れていないので、何がうまくいかないかについてのあらゆる種類のガイダンスが非常に役立ちます. 私はベースから外れているかもしれませんが、Scout アプリにいくつかのコンパス ファイルが不足しているようです。

SO コミュニティ全般とやり取りするためのより良い方法があれば教えてください。