コンパス moduleHelpers_html/css_WEB-ITnose

カラーストップ: CSS3 グラデーション属性を使用して画像を生成する場合、より豊かなグラデーション効果を作成するために、グラデーション ラインの開始点と終了点のカラー値を宣言することに加えて、カラーも必要になることがあります。いくつかの中間点の値を、これらの点をカラーストップと呼びます。カラー値に現在のポイントの位置を加えたもの。ポイントの位置表現を省略すると、Color Stops ヘルパー関数が自動的にポイントの位置を計算して出力するのに役立ちます。
色: カラー値を明るくしたり調整するために使用されます (ほとんど使用されません)
定数:
クロスブラウザ: クロスブラウザ CSS 新機能プラグインをコンパスに提供したい場合
表示ヘルパー: ヘルパー関数は 1 つだけあります, 値は inline、block です
環境ヘルパー: 現在のコンパスの環境情報を取得します
例: compass-env();
関数の実行結果は 2 つだけ考えられます。 `開発` または `運用`) 1 つは開発環境で、もう 1 つは運用環境です。 2 つのコンパスの一部の動作は異なります。たとえば、内部のコメント情報は config.rb ファイルで変更できます。

line_comments = false;

コンパイル環境を表示します。コマンドライン 本番環境の使用を強制します :

compass compile -e production --force

-e:

はコンパイル環境を指定するために使用されます。

--force: コンパスに既存のファイルを上書きおよび書き換えさせます
config.rb でコンパイル環境を指定できます:

environment = :production或者:development

フォント ファイル: フォント ファイル config.rb のフォント パスを設定します: fonts_dir= "fonts ";

画像の寸法: 画像の幅と高さを計算するために使用される 2 つのヘルパーが含まれています。

インライン データ: ファイルを Base64 エンコード形式に変換し、CSS ファイルに埋め込みます。

数学: 数学用のいくつかのヘルパー。

セレクター: 1 つはセレクターのネストされた結合関数、もう 1 つはセレクターのオーバーレイ結合関数です。

例: append-selector($selector, $to-append)


パラメータは合計 2 つあり、この関数は、セレクターの位置で使用される 2 番目のパラメータ を最初の

に結合することです。

1 #{append-selector("p, div, span", ".bar")}{2  color: #ccc;3 }

CSS にコンパイル:

1 p.bar, div.bar, span.bar {2  color: #ccc;3 }

スプライト: 結合された画像に関連するヘルパー

URL: