問題タブ [compass-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 に答える
274 参照

ruby-on-rails - コンパスの_base.scssとbase.scss

私のscssファイルはそうです...

ここで何が起こりますか?_base.scssはbase.scssの内容を上書きしますか?それともマージされますか?または何?

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

wordpress - Wordpress のテーマ コメント ヘッダーを残しながら Sass 圧縮出力を使用する

他の Wordpress テーマ開発者は、Sass の圧縮出力スタイルを利用しながら、テーマ開発に Sass をどのように組み込んでいますか? Sass 圧縮ではすべてのコメントが削除されるため、現在、テーマ宣言を含む空の style.css と、圧縮された css をコンパスから呼び出す @import がありますが、これは最善の解決策とは思えません。

誰もこれを回避する方法を見つけましたか? そうでない場合、最善の解決策は何ですか?

http://codex.wordpress.org/Theme_Development#Theme_Stylesheet

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#id40

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

ruby - コンパス/sassでプロジェクトを作成

コンパス/サスを使い始めるのに問題があります。コンパスのウェブサイトの指示がうまくいかなかったため、グーグルで検索する必要がありましたが、最終的にコンパスをインストールすることができました。次のステップは、プロジェクトを作成することでした。次のように入力すれば、これは簡単だと思いました。

残念ながら、これはうまくいきませんでした。最初に失敗したのは、 --using が認識されたコマンドではないということでした (コンパスのインストール手順で入力するように正確に指示されているにもかかわらず)。そこで、3 つの追加オプションをすべて取り除いてプロジェクトを作成してみました。指定した場所ではありませんが、これによりプロジェクトが作成されました。path/to/project に配置するのではなく、ファイルとディレクトリをホーム フォルダー (つまり /Users/me/) に直接作成しました。

私は何か間違ったことをしているに違いありません。時間を節約し、生活を楽にするように設計されたツールを立ち上げて実行するのがこれほど難しいとは信じられません。コマンド ラインの使用は苦手ですが、指示に従うことはできます。

任意のポインタをいただければ幸いです!

0 投票する
5 に答える
4873 参照

ruby - Compass プロジェクトのディレクトリ構造で Sass パーシャルのサブフォルダーを使用する

cssとしてsttylesheetsディレクトリにコンパイルされているsrcディレクトリのscssファイルでコンパスプロジェクトを実行しています。これで問題なく、sass @import コマンドを問題なく使用できます。

ただし、sass パーシャルを少し整理して、src ディレクトリ内の関連するフォルダーに配置したいと考えています。ただし、これを実行しようとすると、@import コマンドが失敗します。

これを行う方法はありますか?

更新:コンパスのドキュメントで add_import_path を構成ファイルに追加できることがわかりましたが、これも機能しません。ディレクトリへのフルパスとプロジェクトへの相対パスを試しましたが、何も起こりません。

誰か助けてください、こんなに難しいことはありません!

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

css - Compass/Blueprint でインポートを整理するにはどうすればよいですか?

SASS とブループリントを別々に調査し、それらがどのように機能するかを理解していると思います。compass CLI ツールを使用してプロジェクト ディレクトリを設定しましたが、プロジェクトを整理する正しい方法について途方に暮れています。

プロジェクトを初期化した後

...HTMLで生成されたCSSファイルをこれらの行にリンクするように言われました

...しかし、独自のアプリケーション固有のファイルをどこに配置.scssすればよいのでしょうか?また、適切なブループリント ファイルをどのように含める必要がありますか?

print.css生成されたものを HTMLにscreen.css直接含めるべきではなく、代わりに次のようなことを行うべきだと私には思えます。

...そして、HTMLで上記から生成されたファイルのみを使用します。そうでなければ、なぜこのような行をscreen.scss?:

HTML でミックスインを使用できません。

私は、ドキュメントが非常に曖昧で矛盾していること、および次の組み合わせを示す短い例を見つけています。

  1. HTML
  2. 上記のコンパス コマンドから生成された SCSS ファイル
  3. サイト固有のスタイルを含む SCSS ファイル

私とおそらく他の人にとって非常に役立つでしょう。

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

css - Mac で Compass/Sass を使い始める方法 – 無効な CSS エラー?

Mac で Compass/Sass を使い始めようとしています。を実行した後、単一のファイルを使用してsudo gem install compassプロジェクトをセットアップし、ファイルを CSS に自動的にコンパイルしていました。main.scsscompass watch

main.scss次のようになります。

複雑なことはないようですよね?ファイルを保存するたびに、次のようなエラーが表示されます。

私の SCSS 構文に問題がありますか、それとも単にコンパスのエラー メッセージが非常に貧弱なのでしょうか?

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

css - ピクセルカラーストップとウェブキットを備えたSASSコンパス線形グラデーション

次のようなものを生成します

また、この投稿から、Webkitでは600pxではなく600のようなものを使用する必要があることを学びました。

コンパスはそれをしませんか?

また、追加する必要がありbackground-repeat: no-repeatます。それ以外の場合、グラデーションはWebkitで繰り返されますか?

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

haml - HAML & SASS/COMPASS:変数を共有することは可能ですか?

コンパスと Haml の操作に慣れてきました。しかし、2人がより緊密に連携できれば素晴らしいことです。ありえないような気がしますが、見落としているか、きちんと検索していない可能性があります。

私はこのようなことを意味すると思います:

一般変数ファイル:

Haml ファイル:

コンパスファイル:

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

command - textmateでフォルダーを開いたときにコンパスウォッチターミナルコマンドを実行します

Web サイトの開発には textmate を使用し、css スタイルシートのコンパイルには compass を使用しています。現在、textmate でフォルダーを開くたびに、追加でcompass watch /path/to/folderコマンドを実行する必要があります。textmate が非常に強力であることは知っていますが、それを機能させる方法がわからないため、compass watchtextmate で開いたプロジェクトにコマンドが自動的に適用されます (通常、プロジェクト フォルダーをドック アイコンにドラッグします)。これは可能ですか?

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

ruby-on-rails - Rails3.Compass を使用しているときにエラーを確認するにはどうすればよいですか?

Rails 3. コンパスをインストールし、application.html.haml を変更して erb から haml に変換し始めました。

これまでのところ、うまくいきません。ページを更新すると、レイアウトがレンダリングされません。コントローラーのビュー (erb) の内容をレンダリングするだけです。

コンパスを使うのは初めてなので、おそらくコードが間違っています。私の質問は、エラー、警告などはどこに表示されますか?

パッセンジャーを使用しています。

編集:

コードは

スペースの代わりにタブを使用できますか?