問題タブ [sass]

次の要件と連携して機能するライブラリまたはライブラリのコレクションを探しています。

• HAMLとSASSを使用できます。
• ブラウザを更新するたびにコンパイルされたHAML/SASSを表示する小さなサーバー機能があります。（ただし、新しいRailsアプリを起動したくありません。）
• 人気のあるCSSフレームワークで動作します。（すべてである必要はありませんが、960gsやBlueprintなどの主要なもの）

コンパスは有望なようですが、HAMLをサポートしていないようです。少なくとも、CompassとHAMLを一緒にする情報を探しています。

編集クリスエプシュタインはクールなもののリストを与えました。それぞれにリンクを張っていきます。

• http://staticmatic.rubyforge.org/
• http://github.com/tdreyno/middleman
• http://nanoc.stoneship.org/
• http://webby.rubyforge.org/user-manual/
• http://github.com/jlong​​/serve

私はDjangoでプロジェクトを行っており、djangos-css（http://github.com/dziegler/django-css）とSass（http://sass-lang.com/）を使用しています。Sassファイルは、django-cssを使用して開発中に提供されます。1秒ごとにCSSアセットを取得するJavaScriptルーチンを作成したいと思います。これの目的は、デザイナーがSassファイルを編集し、保存を押して、アプリケーションを切り替えたり更新を押したりすることなく、ブラウザーで結果をすぐに確認できるようにすることです。

基本的に、JavaScriptで、ページを更新せずにブラウザに特定のファイルを再ダウンロードさせる方法が必要です。これは可能ですか？

私はコンパスを調べてきましたが、見れば見るほど、CSSの書き方のように感じます。テストケースとして、CakePHPプロジェクトの1つで使用したいと思います。残念ながら、初期構成に問題があります。具体的には、適切な場所にリソースを取得し、コンパイルされたCSSで適切に参照することです。

ディレクトリに:stand_aloneプロジェクトを作成しています。/appそうですね、それが私がやりたいことです。コンパスはそれが好きではないようです。プロジェクトを作成する際に、css、images、jsを配置する場所を指定しました。実際、これらのリソースは適切なディレクトリに配置されます。残念ながら、私はWebルートにディレクトリを作成していないため、コンパイル時にリソースが正しく参照されていません。

app/次のコマンドを使用して、CakePHPディレクトリにCompassプロジェクトを作成しています。

showgrid.pngただし、コンパイルされたCSSは、Blueprintのイメージを次のように参照したいと考えています。

これはかなり予測可能な結果だと思いますが、コンパイルされたCSSに正しい/img/grid.png?whateverパスを参照させる方法がわかりません。それも可能ですか？CompassプロジェクトをWebルートで直接作成する必要がありますか？

ありがとう。

アップデート

私のconfig.rbファイルの内容：

Haml/Sass を Gem としてインストールし、Rails で使用しています。template_locationや などのオプションstyleを Sassに渡す方法がわかりません。Sass::Plugin.options動作しません (Haml/Sass がプラグインとしてインストールされていないため)。gem は を通じて必要ですRails::Initializer#gem。

助けてくれてありがとう！

私は最近HAML/SASSについて読んでいますが、なぜ誰もがそれを使いたくないのかよくわかりません。切り替えるのはとても簡単なようで、物事をよりクリーンで効率的にします。

更新：

どちらか一方を使用するのはどうですか？私が聞いた苦情のほとんど（いくつかの苦情があります）はHAMLに関するもののようですが、XHTML/HAMLとCSS/SASSの混合とマッチングに問題はありますか？

更新：

申し訳ありませんが、質問の最後の更新です。SASSからCSSに戻すのは簡単で簡単なようです。HAMLからHTMLに戻すのはどうですか？

私は一種の CMS である Rails アプリを持っており、ユーザーがサブドメインでアプリケーションの独自のバージョンを作成できるようにしています。

また、いくつかのフィールドまたは小さな構成ファイルを変更して、アプリのバージョンを好きなようにスタイル設定できるようにしたいと考えています。

sass と compass を使用して、ユーザーが独自のスタイルに合わせて変数を変更できるようにしたいと考えていました。

これどうやってするの ？変数が変更されたときに saas を css にコンパイルする必要があるため、可能ですか。おもう？

より良い方法はありますか？

リチャード・モスに感謝

小さいまたは圧縮されたCSSファイルを出力するようにコンパスを構成するにはどうすればよいですか？試しcompass -s compressedましたが、うまくいきませんでした。

私は最近、「elastic css」フレームワークに出くわしました。これは、私には良いことのように見えます。私はすでに設計図を試しましたが、これは私にとってやり過ぎのようです（コンパスで試しました）。

それで、あなたへの私の質問は、rails / xhtml webdevelopersです：elastic cssフレームワークとrails（3）およびhaml / sassは良いことですか？;）

wwwを検索しましたが、elastic cssをsassやhamlと一緒に使用できるかどうかさえわかりませんでした。誰かがそれを経験したことがありますか？たぶん、そこに流体cssのような単純なものもありますか？何かお勧めはありますか？

ありがとう！

参考：http ：//elasticss.com

開発用にネストされたスタイルを設定し、本番用に圧縮されたスタイルを設定したいとします。Compass構成ファイルには次の1つのオプションしかありません。

SASSのドキュメントからそれを理解できませんでした。たとえば、5 つのパラメーターで Compass mixin を使用したいと思います。

次のような意味的にわかりやすい名前で 5 つの定数を宣言したいと思います。

そして、以下のどこかにコンパス mixin を my mixin に追加します。

行列が長すぎる。私はこの質問にあまり真剣ではありません。しかし、複数行にすることは可能ですか？:)