問題タブ [sass]

Sass::Plugin.options[:style] = :compactenvironment.rbに追加しようとすると

サーバーを起動しようとすると、次のようになります。

初期化されていない定数 Sass (NameError)

Gemfileに追加gem 'haml', '3.0.0'しました。

誰かがこれに遭遇しましたか？

最近RoRに変換し、私は青写真付きのコンパスを使用してことわざのプールに浸っています。コンパスは素晴らしかったですが、タイポグラフィライブラリ内で何か奇妙なことに遭遇しました。

ブループリント-タイポグラフィ-ボディミックスインには、次のものが含まれています。

私の質問は「フォントサイズ」を中心に展開します。フォントサイズを渡して、そのサイズをページの読み込みに反映させることを期待しているので、少し迷っています。ただし、このシナリオでは、数式によってデフォルトのフォントに対するパーセンテージが指定されているようです。

すなわち：

本質的に、「font-size：10px」を明示的に宣言する以外に、Compass内でフォントサイズを設定するための標準があるかどうか知りたいです。

注：ブループリント/コンパスフォントのスタイリングに傾倒している理由は、行の高さ、フォント、および色の標準化によるものです。

次のようにフォントサイズ/行の高さをSass変数に保存する方法はありますか:

この宣言を使用して、ドキュメントに記載されている除算を取得します。分割を回避する方法はありますか？
注: scss 構文を使用します。

私はコンパスを研究してきましたが、遊んで使用するのは楽しいことですが、1つ気になることがあります（グリッドを破壊するためにパディングを追加できないこと以外に）、列をネストするにはどうすればよいですか？

ブループリントが行うことを実行できるようにしたいと思います。たとえば、24列のページが2つ（17列と7列）に分割されているようなネストコンテナーがあります。そのページの右側（7列のページ）で、いくつかの要素を2つ（2列と5列）に分割したいと思います。

私はこれを試しました：

これがメインページのコードです。サイドバーには、いくつかのラベルと入力フィールドを含むリストが含まれています

ちょっと動作しますが、firebugのliを調べると、7列しかないため、幅が270pxであるのに対し、実際には950pxであることがわかります。ネストされた列についてグーグルで調べてみましたが、コンパスに例が見つからないようです。私はまた、wikiとドキュメントを試しましたが無駄になりました。

Railsプロジェクトでhaml（+ sass）を使用した経験があります。私は最近、blueprintcssでそれらを使い始めました-私がした唯一のことは、blueprint.cssをsassファイルに変換し、そこからコーディングを開始することでした。私は、これらすべてをデフォルトで含むRailsジェネレーターさえ持っています。

コンパスは私がしていることや他のことをしているようです。私はそれらの他のものが何であるかを理解しようとしています-しかし、ドキュメント/チュートリアルはあまり明確ではありませんでした。

これらは私の結論です：

• Compassには、アイコン付きのリンクや水平リストなど、一般的なCSSイディオムを実装するsassミックスインが組み込まれています。私のソリューションはそのようなものを提供しません。（コンパスの場合は1ポイント）。
• Compassにはいくつかのコマンドラインオプションがあります。Railsプロジェクトを作成できますが、既存のRailsプロジェクトに「インストール」することもできます。Railsジェネレーターは、同じことを行うようにパーソナライズすることができます。（タイ）。
• コンパスには、ブループリントを操作する2つのモードがあります。「基本」と「セマンティック」の使用法です。それらの違いについてはよくわかりません。Railsジェネレーターでは、モードは1つしかありませんが、それで十分なようです。（タイ）
• どうやら、コンパスは青写真（例えばYUI）以外の他のフレームワークを使用する準備ができています。私はこれについて多くのドキュメントを見つけることができませんでした、そして私はとにかくそれに興味がありません-青写真は私にとって大丈夫です（ネクタイ）。
• コンパスの学習曲線は少し硬く、ドキュメントはまばらに見えます。学習は少し難しいかもしれません。一方、私は自分のシステムの詳細を知っており、すぐに使用できます。（私のシステムでは1ポイント）。

この分析で、私はCompassを試してみるのをためらっています。

私の分析は正しいですか？重要なポイントが欠けていますか、それともこれらのポイントのいずれかを間違って評価しましたか？

私は以前、次のように、フォントサイズ（フォントコンバーター）用にsass2.2.22でミックスインを作成しました。

1年前に作ってからずっと働いています。haml / sass 3にアップグレードしたところ、作業中のページを更新しようとすると、sassコンパイルエラーが次のように表示されます。

http://grab.by/4yFE

Sass 3のドキュメントには、ミックスインの=宣言は非推奨ではないと記載されているため、わかりません。haml 3.0をアンインストールしてみて、サーバーを再起動し、生成されたcssファイルを削除しましたが、明らかに機能します。問題は、Compassを使い始めたばかりの別の関連プロジェクトにhaml3が必要なことです。

宣言が非推奨ではないとドキュメントが主張しているのに、コンパイラが文句を言うのはなぜですか？

現在、いくつかのデフォルトの宣言されたスタイルを必要とするウィジェットを作成しています (ウィジェット html は、スタイル タグのデフォルトの css とともに javasacript に含まれています) が、問題は、haml フィルターを「チェーン」できないことです。

私がやろうとしているのは、次のようにウィジェットとともに内部スタイルシートを追加することです:

私たちはhamlを使用しているので、sassフィルターで試してみました:

悲しいことに、それは ap と生成された css コードを文字通り一番上にして div を生成しただけです:

次に、haml の :css フィルターを使用して、スタイル タグで囲みました (理論的には、段落テキストの色を赤に変える必要があります)。

しかし、これも失敗しました。スタイルタグを生成しましたが、 :sass p :color #f00 という単語を囲みました(sassコードを解析しませんでした)

に変更しました

それはうまくいきましたが、私はまだ（プレーンな古いcssの代わりに）sassでスタイリングを行う予定です。これを行う方法はありますか？

デフォルトの「views」ディレクトリからSassファイルを提供する代わりに、これを次のように変更したいと思います。/assets/sass

次の試みは、アプリのメインのルビールートファイルにあります。

試行1：

これにより、次のエラーが発生します。

試行2：

試行3：

どちらも次のエラーを返します。

試行4：

これはうまくいきます！set :sass, Proc.new { File.join(root, "assets/sass") }しかし、私のためにこれを設定する線に沿って何かがあるに違いありませんか？

SASSミックスインを再定義する方法はありますか？サイト固有のスタイリングのニーズに合わせてSASSミックスインをオーバーライドしたいと思います。それを行う方法はありますか？

SASSでRuby変数にアクセスする方法はありますか、それともカスタム関数を作成する必要がありますか？

私がやろうとしているのは、ユーザーごとにスタイルシートを生成することです。そのため、コントローラーでは、次のようなことを行います。

次に、ビュー名_styles.hamlでこれを行います。

これは可能ですか？

*明らかにそうではありません：http ：//sass-lang.com/docs/yardoc/file.FAQ.html#q-ruby-code

私たちが行ったこの「ダーティ」コード修正以外の方法はありますか（その後、_styles部分をrhtmlに変換しました）

これをhamlで行う方法はありますか？