You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
compassで画像を使う時のパス compassの機能でsprite画像を自動生成できる機能がありますが、 WEBフレームワーク等を使用していると パーツ画像を指定するディレクトリのパスと、実際にCSSに出力されるbackgroundのパスは別々にしたいというケースがあると思います。 その場合config.rbの設定で、 images_dirにパーツ画像のパス、 http_generated_images_pathにCSSに出力されるパスを設定するとCSSにはhttp_generated_images_pathで設定されたパスが適用されます。 /* config.rb */ css_dir = "./" sass_dir = "./" /* パーツ画像のパス */ images_dir = "../img" /* CSSに出力されるパス */ http_generated_images_
CSSのメタ言語、Sassベースで作られた便利なフレームワーク、それがCompass。 Compassの設定ファイルはRubyファイルです。 これはRubyを知っていれば色々なことが出来るということなんですが、逆にRubyを知らないと取っつきにくさがあると思います。 それで損をしてしまうのはあまりに勿体無いので、オレオレリファレンスを書いてみました! ※この記事は完全な和訳ではありません。 基本的な書き方 コメント Windowsユーザー向けの注意 設定項目 動作に影響するもの URL関連 Sprite画像の自動生成用 コマンドラインでのオーバーライド コマンドライン経由で渡される設定の検査 Compass 用プラグインの読み込み コンフィグ関数 add_import_path asset_host asset_cache_buster watch コールバック on_sprite_sav
はじめに 前回の記事「【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|Mixinsを作ってみよう編」「すぐに使えるSCSS入門シリーズ」でSCSS・Compassの一般的な機能の紹介をしてきました。 今回は番外編としてSCSS, Compassの設定ファイルについて紹介したいと思います。 設定ファイルで何をするか? CompassにはスタイルシートやJavascript、画像・フォントに関する処理があります。 これらは基本的に設定をいじらなくても利用できますが、サーバーの環境や利用するCMSなどによってパスを制御する必要がある時に設定ファイルから出力するパスを制御することができます。 どんな設定項目があるか? 本家の設定に関するリファレンスはこちら「Configuration Reference」、はい英語です。 ですが、ななんとすでに日本語の超訳 Configuration
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く