問題タブ [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 - Rails3 と Sass::Plugin::options
Sass::Plugin.options[:style] = :compact
environment.rbに追加しようとすると
サーバーを起動しようとすると、次のようになります。
初期化されていない定数 Sass (NameError)
Gemfileに追加gem 'haml', '3.0.0'
しました。
誰かがこれに遭遇しましたか?
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を試してみるのをためらっています。
私の分析は正しいですか?重要なポイントが欠けていますか、それともこれらのポイントのいずれかを間違って評価しましたか?
ruby-on-rails - Sassミックスインがコンパイルされていませんか?
私は以前、次のように、フォントサイズ(フォントコンバーター)用にsass2.2.22でミックスインを作成しました。
1年前に作ってからずっと働いています。haml / sass 3にアップグレードしたところ、作業中のページを更新しようとすると、sassコンパイルエラーが次のように表示されます。
Sass 3のドキュメントには、ミックスインの=宣言は非推奨ではないと記載されているため、わかりません。haml 3.0をアンインストールしてみて、サーバーを再起動し、生成されたcssファイルを削除しましたが、明らかに機能します。問題は、Compassを使い始めたばかりの別の関連プロジェクトにhaml3が必要なことです。
宣言が非推奨ではないとドキュメントが主張しているのに、コンパイラが文句を言うのはなぜですか?
css - :css で :sass フィルターを使用する
現在、いくつかのデフォルトの宣言されたスタイルを必要とするウィジェットを作成しています (ウィジェット html は、スタイル タグのデフォルトの css とともに javasacript に含まれています) が、問題は、haml フィルターを「チェーン」できないことです。
私がやろうとしているのは、次のようにウィジェットとともに内部スタイルシートを追加することです:
私たちはhamlを使用しているので、sassフィルターで試してみました:
悲しいことに、それは ap と生成された css コードを文字通り一番上にして div を生成しただけです:
次に、haml の :css フィルターを使用して、スタイル タグで囲みました (理論的には、段落テキストの色を赤に変える必要があります)。
しかし、これも失敗しました。スタイルタグを生成しましたが、 :sass p :color #f00 という単語を囲みました(sassコードを解析しませんでした)
に変更しました
それはうまくいきましたが、私はまだ(プレーンな古いcssの代わりに)sassでスタイリングを行う予定です。これを行う方法はありますか?
ruby - SinatraでカスタムSassディレクトリを指定する方法
デフォルトの「views」ディレクトリからSassファイルを提供する代わりに、これを次のように変更したいと思います。/assets/sass
次の試みは、アプリのメインのルビールートファイルにあります。
試行1:
これにより、次のエラーが発生します。
試行2:
試行3:
どちらも次のエラーを返します。
試行4:
これはうまくいきます!set :sass, Proc.new { File.join(root, "assets/sass") }
しかし、私のためにこれを設定する線に沿って何かがあるに違いありませんか?
ruby-on-rails - SASSミックスインを再開します
SASSミックスインを再定義する方法はありますか?サイト固有のスタイリングのニーズに合わせてSASSミックスインをオーバーライドしたいと思います。それを行う方法はありますか?
ruby-on-rails - SASSで(モデルまたはコントローラーから)Ruby変数にアクセスする
SASSでRuby変数にアクセスする方法はありますか、それともカスタム関数を作成する必要がありますか?
私がやろうとしているのは、ユーザーごとにスタイルシートを生成することです。そのため、コントローラーでは、次のようなことを行います。
次に、ビュー名_styles.hamlでこれを行います。
これは可能ですか?
*明らかにそうではありません:http ://sass-lang.com/docs/yardoc/file.FAQ.html#q-ruby-code
私たちが行ったこの「ダーティ」コード修正以外の方法はありますか(その後、_styles部分をrhtmlに変換しました)
これをhamlで行う方法はありますか?