問題タブ [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 投票する
2 に答える
3150 参照

css - コンパスフォント-フェイスミックスイン太字

@ font-faceミックスインをCompass(0.11.beta.1)で使用していますが、太字と斜体のフォントを定義するのに問題があります。

次のコードでフォントを正常にロードして使用できます。

ただし、太字のフォント面を定義する方法が見つかりません。ソースによると、style引数は非推奨であり、それを使用しようとしても出力.cssファイルに影響はありません。

現在、2つの選択肢があります。

  1. その後、.cssファイルを編集します。保守性に良くない
  2. さまざまなスタイルにさまざまなフォントを定義します(これも理想的ではありませんが、現在はmosが機能します)。

    @include font-face( "PTSerif")@include
    font-face( "PTSerif-B")

これを適切に行う方法の例を見つけることができませんでした-font-weight:boldを使用できるようになりました。

前もって感謝します。

0 投票する
8 に答える
17373 参照

css - cssファイル内のセレクターの数をカウントします

ファイルのcssセレクターを分析してカウントする既存のプラグイン/アプリ/プログラム/スクリプト/何かがありますか?私のcssファイルがIEで機能していない理由が、セレクターの数が4095を超えているためかどうかを確認したいのですが(確かにそうではありません)

ありがとう!

haml / sass/compassソリューションがある場合はpsプラスポイント

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

css - CSS 3 メディアクエリ内で SASS ロジックを使用する方法

コンパス フレームワークとブループリント/グリッドの依存関係を介して saas を使用しています。次のように、メディアクエリを使用して列の幅を設定できるようにしたい:

これは /stylesheets/screen.css にコンパイルされます:

ただし、screen.css の残りの値は適切に設定されていません。$blueprint-grid-width 変数は実行時ではなくコンパイル時に読み取られるため、これは理にかなっていると思います。

メディア クエリを使用して画面解像度を取得することにより、異なるグリッド幅のレイアウトを出力する方法はありますか?

関連する github の問題:
https://github.com/chriseppstein/compass/issues/302

0 投票する
3 に答える
2665 参照

ruby-on-rails-3 - HerokuでのCompassの使用:リモートおよびローカルでのスタイルシートの/ tmp

現在、Herokuナレッジベースで推奨されているこの構成を使用して、HerokuでCompassを使用しています。Herokuには読み取り専用のファイルシステムがあるため、コンパイルされたスタイルシートは/tmpに保存する必要があります。これは、Herokuでリモートで正常に機能します。ただし、ローカルでは、Railsは/ public / stylesheetsでスタイルシートを見つけることを想定しています(を介して呼び出された場合= stylesheet_link_tag 'screen.css', :media => 'screen, projection')。

この問題を解決するために、/ public / stylesheetsにシンボリックリンクを作成しましたが、これはln -s tmp/stylesheets/screen.css public/stylesheets/screen.css機能しているようです。

おそらくRailsの構成を変更することで、シンボリックリンクを使用せずにこの問題を解決する方法はありますか?私はあまり成功せずに突っついた。

これが私のconfig/initializers /compass.rbです:

そして、これが私のconfig/compass.rbです。

どんな助けでも大歓迎です。

0 投票する
6 に答える
25656 参照

css - Sass での複数の box-shadow 宣言

box-shadow プロパティの Sass mixin を作成したいのですが、問題が発生しています。既存のコードの一部は次のようになります。

これらすべてを 1 つの mixin にまとめようとすると、問題が生じます。ミックスイン内でロジックを使用するためのドキュメントはかなりまばらです。

次の行に沿ってミックスインを作成したいと思います。

Sass は $inset 変数を評価できないと思われるため、これはエラーをスローしています。

前の例は、ボックス シャドウが挿入されているかどうかに関して私が抱えている問題を示しているだけです。私が抱えているもう 1 つの問題は、1 つの要素で複数のボックス シャドウが宣言されている場合です。参考までに、上記の #theLastDiv を参照してください。

要素に 1 つのボックス シャドウがある場合と、ボックス シャドウを分離する必要がある場合があります。Sass にはこのロジックを解読する機能がなく、これを達成するには別の Mixin (1 つのボックス シャドウを持つ要素用に 1 つ、2 つのボックス シャドウを持つ mixin 用に 1 つ) が必要であると誤解していますか?

問題を複雑にするために、上記の不透明度の問題はどのようにこれに影響を与えるのでしょうか? これについてフィードバックをいただければ幸いです。私が間違っているか、問題についての私の考え方に一般的な欠陥があるかどうか教えてください。ありがとう!

0 投票する
4 に答える
2431 参照

css - これらすべてのCSSフレームワークやその他のフレームワークはどうなっていますか?

私はCSSの世界を掘り下げており、存在するすべてのものの使用法を理解するのに苦労しています。

LESS、SASS、Compass、Blueprint、HAMLなどがあります。どれを一緒に使用する必要がありますか?誰かがお互いに何が起こっているのか説明できますか?

0 投票する
3 に答える
102980 参照

css - Sass 背景画像 mixin

私は Sass の初心者ですが、自分用のワークフローを作成しようとしています。テーマ デザインの「カラー パック」を生成し、mixin に次の変数を指定する必要があります。これを行うためのより良い方法はありますか?:

私は次のように挿入しています:

これにより、次のようになります。

可能であれば CSS の短縮形を使用したいのですが、出力でエラーが発生しました。これが最善の方法でない場合は、専門家のアドバイスをいただければ幸いです。