問題タブ [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.
ruby-on-rails - レール内のCompassを使用して、開発と本番用に異なるSASS出力スタイルを設定することは可能ですか?
開発用にネストされたスタイルを設定し、本番用に圧縮されたスタイルを設定したいとします。Compass構成ファイルには次の1つのオプションしかありません。
sinatra - Rack :: Reloaderがhamlファイルへの変更を再ロードするにはどうすればよいですか?
私のjrubyracksinatra compass hamlアプリは、*。rbファイルへの変更を正しくリロードしますが、*。hamlファイルへの変更を検出しません。
このコンパスは、Rack :: Reloaderのキャッシュまたは制限を実行していますか?修正方法へのポインタはありますか?
sass - blueprint-typography-body([$ font-size])の正しい使用法は何ですか?
最近RoRに変換し、私は青写真付きのコンパスを使用してことわざのプールに浸っています。コンパスは素晴らしかったですが、タイポグラフィライブラリ内で何か奇妙なことに遭遇しました。
ブループリント-タイポグラフィ-ボディミックスインには、次のものが含まれています。
私の質問は「フォントサイズ」を中心に展開します。フォントサイズを渡して、そのサイズをページの読み込みに反映させることを期待しているので、少し迷っています。ただし、このシナリオでは、数式によってデフォルトのフォントに対するパーセンテージが指定されているようです。
すなわち:
本質的に、「font-size:10px」を明示的に宣言する以外に、Compass内でフォントサイズを設定するための標準があるかどうか知りたいです。
注:ブループリント/コンパスフォントのスタイリングに傾倒している理由は、行の高さ、フォント、および色の標準化によるものです。
css - コンパス/sassのネストされた列
私はコンパスを研究してきましたが、遊んで使用するのは楽しいことですが、1つ気になることがあります(グリッドを破壊するためにパディングを追加できないこと以外に)、列をネストするにはどうすればよいですか?
ブループリントが行うことを実行できるようにしたいと思います。たとえば、24列のページが2つ(17列と7列)に分割されているようなネストコンテナーがあります。そのページの右側(7列のページ)で、いくつかの要素を2つ(2列と5列)に分割したいと思います。
私はこれを試しました:
これがメインページのコードです。サイドバーには、いくつかのラベルと入力フィールドを含むリストが含まれています
ちょっと動作しますが、firebugのliを調べると、7列しかないため、幅が270pxであるのに対し、実際には950pxであることがわかります。ネストされた列についてグーグルで調べてみましたが、コンパスに例が見つからないようです。私はまた、wikiとドキュメントを試しましたが無駄になりました。
ruby-on-rails - Rails +コンパス:haml+ブループリントを直接使用する場合の利点
Railsプロジェクトでhaml(+ sass)を使用した経験があります。私は最近、blueprintcssでそれらを使い始めました-私がした唯一のことは、blueprint.cssをsassファイルに変換し、そこからコーディングを開始することでした。私は、これらすべてをデフォルトで含むRailsジェネレーターさえ持っています。
コンパスは私がしていることや他のことをしているようです。私はそれらの他のものが何であるかを理解しようとしています-しかし、ドキュメント/チュートリアルはあまり明確ではありませんでした。
これらは私の結論です:
- Compassには、アイコン付きのリンクや水平リストなど、一般的なCSSイディオムを実装するsassミックスインが組み込まれています。私のソリューションはそのようなものを提供しません。(コンパスの場合は1ポイント)。
- Compassにはいくつかのコマンドラインオプションがあります。Railsプロジェクトを作成できますが、既存のRailsプロジェクトに「インストール」することもできます。Railsジェネレーターは、同じことを行うようにパーソナライズすることができます。(タイ)。
- コンパスには、ブループリントを操作する2つのモードがあります。「基本」と「セマンティック」の使用法です。それらの違いについてはよくわかりません。Railsジェネレーターでは、モードは1つしかありませんが、それで十分なようです。(タイ)
- どうやら、コンパスは青写真(例えばYUI)以外の他のフレームワークを使用する準備ができています。私はこれについて多くのドキュメントを見つけることができませんでした、そして私はとにかくそれに興味がありません-青写真は私にとって大丈夫です(ネクタイ)。
- コンパスの学習曲線は少し硬く、ドキュメントはまばらに見えます。学習は少し難しいかもしれません。一方、私は自分のシステムの詳細を知っており、すぐに使用できます。(私のシステムでは1ポイント)。
この分析で、私はCompassを試してみるのをためらっています。
私の分析は正しいですか?重要なポイントが欠けていますか、それともこれらのポイントのいずれかを間違って評価しましたか?
css-selectors - sassを使用して、「#div1 img、#div2 img {height:80px}」のスタイルをどのように設定しますか?
sassを使用して、どのようにスタイリングしますか
?mixins
唯一の方法を使用していますか?
php - コンパスに相当する PHP はありますか?
私の理解では、Compassは Ruby でしか動作しません。コンパスに相当する PHP はありますか?
rubygems - gem installを使用して古いバージョンのコンパスにダウングレードするにはどうすればよいですか?
私は長い間http://compass-style.org/のコンパスを使用してサイトのCSSを管理してきました。最新バージョンをインストールしたところ、かなり不快なエラーが発生し、副作用としてすべてのcssファイルが破損しました。これの古いバージョンにダウングレードするにはどうすればよいですか?
ありがとう、マット
haml - Compass (スタイルシート作成ツール) で Haml ファイルを「見る」ことはできますか?
現在、Compass はsrc.scss
フォルダー内のファイルを監視し、cs ファイルを自動的に更新しています。( と入力して)。compass watch myproject
「監視プロセス」にhamlファイルを含める方法はありますか?
(Ruby1.8 をインストールしたくないので、StaticMatic をインストールできませんでした)。
html - SASS が HAML の一部である場合、なぜ Merb に Compass が必要なのですか?
これは実際的な問題であると同時に理論的な問題でもあります。これらすべてのテクノロジーがどのように噛み合っているのか、頭を悩ませることはできません...
次のようなさまざまなことを聞いています。
- 「HAML と SASS は Merb に含まれています」
- 「SASS は HAML の一部です」
- 「HAML は Merb で動作しますが、SASS を使用するには 'merb-haml' 依存関係を追加する必要があります」(?)
- "Merb で SASS を実行するには Compass が必要です"
- http://haml-lang.com/docs/yardoc/ (「merb」で検索)
- https://github.com/Compass/compass/wiki/merb-integration
だから私の質問は: ...何??
私は Merb で SASS を使用しています。私は Compass をインストールし、Chris Eppstein の Github wiki の手順に従って動作させました。しかし、なぜ Compass が必要なのか、なぜ多くの情報源はそれが必要ではなく、SASS サポートが HAML や Merb に組み込まれていると考えているのでしょうか?